エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
HTML5での描画を実現するSVGとCanvasを改めて比較する | SiTest (サイテスト) ブログ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
HTML5での描画を実現するSVGとCanvasを改めて比較する | SiTest (サイテスト) ブログ
こんにちは、SiTest事業部エンジニアの森永です。 HTML5において描画を行う方法としてサポートされてお... こんにちは、SiTest事業部エンジニアの森永です。 HTML5において描画を行う方法としてサポートされており、よく使われているものとしてSVGとCanvasが挙げられます。これらが正式にサポートされWebサイトにおける描画が行えるようになり、幅広く使われるようになりました。 HTML5の正式勧告前から使用できるブラウザも多かったため既にご存じの方も多いかと思いますが、今回は改めてSVGとCanvasについて比較してみます。 SVGとCanvasでは描画の仕方、記述の仕方が違います。 【SVG】 ベクター形式で描画 図形一つ一つが<svg>タグの子要素であるDOM要素として記載される 図形の組み合わせを拡張子”.svg”の外部ファイルとして扱うことも可能 SVGファイルはAdobe Illustratorで読み出し、保存が可能 図形がDOM要素なのでJavaScriptでの変形などが行いや