SVG単語

エスブイジー

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に関するニコニコミュニティを紹介してください。

関連項目

【スポンサーリンク】

スマホ版URL:
https://dic.nicovideo.jp/t/a/svg

この記事の掲示板に最近描かれたお絵カキコ

お絵カキコがありません

この記事の掲示板に最近投稿されたピコカキコ

ピコカキコがありません

SVG

1 MaverickTse
2014/04/29(火) 12:15:05 ID: KpS7NG20j3
2014年4月時点で、AviUtlSVGを利用できるようになった:
>>sm23347189exit_nicovideo
2 ななしのよっしん
2014/06/29(日) 00:58:07 ID: jFr8eokad6
すでに10年選手だというのになんか流行らないんだよな、SVGって
3 ななしのよっしん
2015/11/25(水) 13:49:26 ID: ZlQNWL9Nxc
Canvas→2Dゲームがとにかく軽い!ライブラリ多数!Javaプレット移植向き!イェーイ!
WebGL→複雑だけど3Dいけます!ライブラリも最近増えてきました!これからの時代の覇者!(っぽい雰囲気)

SVGえ?…ああ、大学の講義で見たね。ライブラリいよ(無慈悲
4 ななしのよっしん
2016/10/16(日) 14:41:15 ID: 95fEpul61T
Wikimedia Commons ではそれなりに見る、ってイメージ
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なんだけど、あまり知られてないね。