IllustratorからhtmlにSVGアイコンを表示するまでの流れ - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/tsuka-rinorino

2 usersがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

IllustratorからhtmlにSVGアイコンを表示するまでの流れ - Qiita

イラストレーターでアイコンを作成し、svgタグで出力するための流れを書いてみました。今回のサンプル... イラストレーターでアイコンを作成し、svgタグで出力するための流れを書いてみました。今回のサンプルでは点数を5つ星で表示するようなものを作ります。記事は長いですが、解説が多いだけです（頑張って画像も付けました）。実際に私が書くと5分もかからず終わるレベルです。 svg周りはブラウザによって挙動が異なるので注意しながら制作してください。（今回ハマりました） Illustratorが無い方は（Illustratorは以上）まで飛んでください。新規ドキュメントサイズなどは後で調整するので適当で構いません。 Webで使用するのでカラーモードはRGBにしてください。（色はCSSで調整するのでIllustrator上はCMYKでも大丈夫だったりします）隠れている設定があるので「詳細設定」をクリックします。更に「詳細」をクリックすると新たに隠れているものが出てきます。環境によっては元から開い

html

ブックマークしたユーザー

junta19992022/09/06

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx