サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
画力アップ
yoranote.com
レスポンシブは当たり前、Retina対応もだんだんと進んできた今、SVG画像は非常に優秀ですよね。 拡大しても縮小しても綺麗なベクター画像なので、どんどん使っていきたい。 でも実装の方法が微妙に複雑・・・。 今回はリンク周りで少しハマったのでその対処法を書きたいと思います。 この記事の目次 SVGの実装方法 SVGを表示する方法は1つではありません。いくつかあるのでそれぞれ簡単にご紹介します。 HTMLに直接インライン HTMLに直接インラインで記述する方法です。 svg開始タグ~svg終了タグをコピペするだけですので簡単ですが、複雑なSVGファイルの場合はHTMLソースがとんでもなく長くなり、メンテナンスがしづらくなります。 imgタグのsrc属性 jpgやpng同様、普通に画像として読み込む方法です。 ただ、画像要素として扱われるらしく、SVGファイル内のpath要素にCSS、JSが効
このページを最初にブックマークしてみませんか?
『yoranote.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く