SVGをURLエンコードし、CSSのbackground-imageプロパティの値に設定して出力するツールを公開しました。 - Qiita

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

qiita.com/Simmon

1user がブックマークコメント

コメント

0

記事へのコメント0件

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

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

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

規約違反を報告

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

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

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

アプリをダウンロード

関連記事

SVGをURLエンコードし、CSSのbackground-imageプロパティの値に設定して出力するツールを公開しました。 - Qiita

![svg.gif](https://qiita-image-store.s3.amazon aws.com/0/135478/1732b836-a8bd-45a2-2f45-7793a4612e... ![svg.gif](https://qiita-image-store.s3.amazon aws.com/0/135478/1732b836-a8bd-45a2-2f45-7793a4612e8f.gif) SVGをCSSのbackground-imageで使えるようにエンコードするツールコピペするだけで使えます。 JSでのSVGのURLエンコードはencodeURIComponent()を使う人が多いみたいですが、それだとファイルサイズが大幅に増えてしまうので、自前で必要なものだけエンコードする形にしました。機能リアルタイムプレビュー背景色変更 svg以外のタグが入っていた場合、自動削除ネームスペースがない場合、自動付与改行、スペース、コメントアウトを自動削除コード <div id="entry"> <div id="stbic"> <div id="stbic-for

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

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx