今注目のニュース
研ナオコ、とうとう“捕獲”される
「遊☆戯☆王」のキャラクターが政治的な発言 高橋和希氏のSNS投稿が物議「独裁政権=未来は暗黒次元」
生で食べるから? 「鶏肉」による食中毒はなぜ多い? 「5回当たった」の声も…

SVG単語

エスブイジー

掲示板をみる(7)
  • twitter
  • facebook
  • はてな
  • LINE

SVG(Scalable Vector Graphics)とは、XMLに基づいた、ベクター画像形式である。

概要

拡張子は .svg 、MIMEタイプimage/svg+xml である。

特徴

SVGはXMLによって書かれているため、テキストエディタで読むことができ、互換性も高い。また、一般的である各ドットごとの色を記録するラスタ画像形式とは違い、(0,50)から(100,220)までに直線を引く、(100,100)を中心に50の大きさの円を描く、といったことを記録するベクター画像形式であるため、拡大縮小をしても画像が荒くならない。

あまり知名度が…

作成方法

中身はただのXMLのため、テキストエディタで十分作ることができるが、複雑なものは専用のドローソフトを使うのが普通である。

SVGの例

<?xml version="1.0" encoding="UTF-8"?> <!-- XML宣言 -->
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
<!-- </svg>までをSVG画像とする 幅と高さは200 -->
<circle cx="100" cy="100" r="50" stroke="red" stroke-width="2" fill="none" />
<!-- 円 中心100,100 半径50 線で太さ2px 塗りつぶさない -->
</svg>

このコードブラウザで表示すると、い円が描画される。

関連動画

関連商品

SVGに関するニコニコ市場の商品を紹介してください。

関連コミュニティ

SVGに関するニコニコミュニティを紹介してください。

関連項目

掲示板

  • 5ななしのよっしん

    2018/04/26(木) 01:18:41 ID: H8YkWvaWRE

    グランツーリスモsport痛車用のステッカーアップロードするのがsvg形式のみで学ぶ羽になったゾ・・・

  • 6ななしのよっしん

    2018/04/26(木) 01:24:56 ID: 8Cwd79Wu67

    SVGの可性に感銘を受けて、これからはSVGだと周囲に宣伝しまくって10年経つが、
    まああんまり流行ってないと言わざるを得ない。

    最も身近な所ではwikipediaの資料画像はよくsvgで作られてるね。

  • 7ななしのよっしん

    2018/09/20(木) 19:06:00 ID: HOY/T+Kv46

    ニコ動ロゴは、ニコニコ動画:Q以降はSVGなんだけど、あまり知られてないね。

急上昇ワード

最終更新:2019/07/16(火) 13:00

ほめられた記事

最終更新:2019/07/16(火) 13:00

ウォッチリストに追加しました!

すでにウォッチリストに
入っています。

OK

追加に失敗しました。

OK

追加にはログインが必要です。

       

ほめた!

すでにほめています。

すでにほめています。

ほめるを取消しました。

OK

ほめるに失敗しました。

OK

ほめるの取消しに失敗しました。

OK

ほめるにはログインが必要です。

TOP