ChatGPTにSVGアイコンを作れるのかを聞いてみた。 ChatGPT（チャットGPT）はある程度のコーディングができる。 そこで、コードでできている「SVGアイコン」が作れるのかを聞いてみたところ、、、 「私はテキストの解釈と生成が専門なので、SVGアイコンはグラフィックデザイナーやアイコン生成ソフトを利用する必要があります。」 という旨の返答だった。 ...

SVGテキストのセンタリングは、ブラウザによって挙動が違う。 SVGでのアイコンやテキスト表示は簡単だが、位置やアニメーションの設定をしていると、思わぬところで落とし穴にハマることがある。 表示位置やアニメーションはCSSの方で指定できるが、SVGテキストの場合、何故かSafariでだけうまくいかない場合があった。 実際に検証したところ、CSSの問題ではなく、HTML側で...

SVG？ petsSVGアイコン。 多くのフリー素材サイトにある、便利で手軽なアイコンやピクトグラム。 IllustratorやPhotoshop等で自作しなくても、簡単にアイコンが使える時代になった。 なかでもSVG形式のアイコンは、Webサイトで使用するアイコン画像として非常に優れている。 ベクター形式なので、ディスプレイの解像度や大きさによる劣化がなく、かつ軽い...