SVG

アバター作成

SVGをCanvasに描画しようとして苦戦

まずはライブラリも何も使用しない方法。 Canvasで画像を読み込む際にdataスキーマを読み込むようにします。 (SVG要素を文字列にした後、btoa()関数でbase64 エンコードされた文字列に変換します。) var s...
アバター作成

イベントリスナーに苦戦中

SVGをクリックするとそのSVGがCanvasに描画される、というクリックイベントを作りたいのですが、苦戦中です。 それぞれのSVGのタグ内に直接「onClick="関数()"」と書けば簡単なのですが、SVG要素は大量(500~100...
アバター作成

進捗状況

私が作ろうとしているサイトでは、SVGでアニメーションをさせるわけでもないし、動的にSVGを描くわけでもありません。 完成しているSVGに対して、JavaScriptで色を変えたいだけ。 なのでSVGの基本的なことがわかれば、後はJav...
タイトルとURLをコピーしました