アバター作成

アバター作成

インラインSVGを採用。

アバター作成サイトを作ろうとしています。 画面上のカラーパレットをクリックすることで髪の毛や服の色を変更できるようにしたいのですが、色違いの画像を用意するのではなく、SVGを使用してスクリプトで動的に色を変えられたらなぁと思っています。 ...
アバター作成

サーバにUPしたSVGファイルが表示されない

ローカルではブラウザで表示できたSVGファイルが、サーバーにUPすると表示できなくなった場合の対処法。 原因 ブラウザでSVGファイルを表示するためのHTTPヘッダが出力されていない(SVGのMIME typeが定義されていない) 詳細:...
アバター作成

インラインで記述するSVG要素と外部SVGファイルの埋め込み

HTMLでSVGを描画する代表的な方法は大きく分けて2つあります。 自分用にざっくりとしたメモ。 拡張子が「.svg」のSVGファイルを作り、それを埋め込む方法(埋め込み) ・iframe要素、object要素、embed要素な...
タイトルとURLをコピーしました