Canvasについて語ろう

**Name_Not_Found** · 2011/05/11(水) 15:02:49.91

Canvasについて語りましょう

Canvas 2D API Specification 1.0
http://dev.w3.org/html5/canvas-api/canvas-2d-api.html

Canvas チュートリアル - MDC Docs
https://developer.mozilla.org/ja/Canvas_tutorial

**Name_Not_Found** · 2015/02/18(水) 02:18:21.48

用途による

**Name_Not_Found** · 2015/02/18(水) 09:35:34.76

SVGのほうはHTMLと同じDOM操作で描くというより組み立てる感じに近い

fabric.jsってライブラリがcanvasとsvg両方に対応してる

**Name_Not_Found** · 2015/02/18(水) 10:47:52.39

SVGの最大の強みはスケーリング変えても画質の損失が無い事、
画像の要素の一部を移動や拡大とかだとその属性の変更で済んでしまう事

canvasの場合全面書き換えする必要がある

あとSVGはIllustratorやInkscapeなどを使用して事前に作成(外部ファイル化)が可能

難点といえば複雑な図形では描画に少し時間がかかる点か？
しかしこれはcanvasも似たようなものか

どちらもjpegやpngなどラスター画像を組み込む事も出来るので全てを描画する必要は無い