Posts tagged with html


HTML内でSVGが使いたくなった htmlだけでは実現しにくいグラフィカルな表現が欲しくなったけれど、canvasでガチガチな描画処理を実装するほど大げさでもないという時の微妙なニーズを満たすためにSVGを採用することがあるかもしれない。 特にフローチャートやシーケンス図などUMLなドキュメントを表現したい時はSVGが活躍することが多いのではないだろうか。 TEXTを図形で囲みたくなった もしフローチャートを表現したいのであれば、当然のことながら図形内にテキストを配置する必要がある。 SVGにはテキスト表示用のtextタグ、図形表示用のpolygonタグ、divのようにグループを作れるgタグが揃っているのでこれらを組み合わせるだけで必要なものは揃う。矩形や円などは専用のタグを利用した方が簡単。今回は座標で表現する必要がある図形を想定。 <g style="font-family : 'sans-serif';"> <polygon fill="green" points="0,0 0,0 0,0 0,0" /> <text x=…

←これの話。 いわゆる普通のwebサイトでファイルを選択させるだけならかなり便利でいけてるこのファイル選択フォームだけども、ちょっと凝ったwebサイトになってくるとやはりというか見た目通りといかあまりいけていない。 ならこのファイルフォームは非表示にしておいて好きなタイミングでクリックイベント発行してやればいいではないか、 どん。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="http://code.jquery.com/jquery-2.1.4.min.js"><…