タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

SVGとWebに関するnozomのブックマーク (2)

  • anxdk@?

    Firefox 1.5でSVGが標準でサポートされたので、それを使ってちょっと作ってみました。XMLとScriptingのみで実装されており、FlashやJavaを使用していない点がウリです。http://www.kb.kutc.kansai-u.ac.jp/~fa20071/maps/usageFirefox 1.5を含むSVGが有効なMozilla専用です。速度の問題上、WindowsのGDI+実装をお薦めします。かなり重いので、ウィンドウのサイズを小さくする事をお奨めします。私の手元ではかなり安定して動いていますが、念のため落ちても大丈夫な状態で試してください。上部の検索ボックスは飾りで、まだ機能しません。ダブルクリックで移動(センタリング)、縦方向ドラッグで高度の変更、横方向ドラッグで回転です。物のMapsと同様に動的に画像を補完しますので、初期状態で表示されている梅田周辺以外の

  • ブラウザ上でお絵かき: Days on the Moon

    「Ajax を使った手書き文字認識」を見て。ここでは線を描くのに絶対配置の span 要素を大量生成しているけど、最近のブラウザってベクター描画エンジン付きのものが多いわけで。WinIE 5 以降の VML 、Opera 8 ・ Firefox 1.5 以降の SVG 、Safari 1.3 ・ Firefox 1.5 以降の canvas 要素といった具合に。 ということで各ブラウザでベクター描画エンジンが使えればそれを使い、なければ絶対配置の HTML 要素を大量生成することで、ブラウザ上でお絵かきできるというものを作ってみた。元に戻す / やり直すこともできる。線を描くだけで塗りつぶしはできないが。 その線を描くために作ったのが DrawingCanvas クラス。以下のようにすることで三角形が描ける。実際の描画部分には SVG Tiny 、HTML Canvas 、CSS Posi

    nozom
    nozom 2005/09/29
    「ベクター描画エンジンが使えればそれを使い、なければ絶対配置の HTML 要素を大量生成する」
  • 1