次の項目は別ページに分割しました。
関連ページ:
概要
参考:
SVG ファイル大解剖 Illustrator による作成から、Web 書き出しまで | PhotoshopVIP
SVG に関する基礎知識 | Design Report デザインレポート
使い方
参考:
HTML と CSS で SVG を使うためのメモ – Qiita
HTML5 での SVG ファイル操作のおさらい – Qiita
Device Pixel Ratio
参考:
Retina 対応に SVG は本当に使えるのか? | Rriver
互換性
参考:
SVG Basic Support | Can I Use Support Table
Inline SVG in HTML5 | Can I Use Support Table
SVG SMIL animation | Can I Use Support Table
SVG DOM
参考:
SVG DOM 文書オブジェクトモデル | SVG 1.1 第2版 日本語訳
SVG Tiny 1.2
参考:
Document Structure | SVG Tiny 1.2
名前空間 (xmlns)
参考:
シンボル (symbol)
参考:
symbol タグと use タグを使って、好きなところに SVG を表示しよう! | 株式会社 エヴォワークス EVOWORX
ID に使用できる文字
- 英数字
:
_
-
.
参考:
Allowed Characters in id Attribute | HTML Tutorial (xahlee.info)
Name – Extensible Markup Language (XML) 1.0 Fifth Edition | W3C
Why does Illustrator mangle group/id names in generated SVG files? – Stack Overflow
ISO table(s) of valid characters for SVG ids – Stack Overflow
PNG に変換する
- ImageMagick
参考:
How to convert a SVG to a PNG with Image Magick? – Stack Overflow
バリデーション
参考:
How can I verify a SVG doc is correct? – Stack Overflow
ラスタライズ
参考:
How to capture HTML and SVG into an image | Toucan Toco
EPS から変換する
- オンラインコンバーター
- Inkscape
ツール:
参考:
EPS -> SVG への変換 | オレと電波とときどきトノ
Converting from EPS to SVG format – Super User
Convert batch EPS to SVG using ImageMagick? – Graphic Design Stack Exchange
How to convert SVG to EPS using Imagemagick? – Stack Overflow
Need to convert SVG to EPS without filter rasterisation – Stack Overflow
エディタ
参考:
ツール
参考:
SVG を使いこなすための便利ツールいろいろ | Web クリエイターボックス
rasterizeHTML.js
公式サイト:
リポジトリ:
cburgmer/rasterizeHTML.js: Renders HTML into the browser’s canvas – GitHub
入手:
参考:
Chrome でも DOM を Canvas にレンダリングして画像を取得するには – Qiita
saveSvgAsPng
リポジトリ:
exupero/saveSvgAsPng: Save SVGs as PNGs from the browser – GitHub
入手:
参考:
Save D3 chart as image – Stack Overflow
capture whole div with svg in javascript – Stack Overflow
DOM to Image
リポジトリ:
tsayen/dom-to-image: Generates an image from a DOM node using HTML5 canvas – GitHub
librsvg
リポジトリ: