お知らせ

次の項目は別ページに分割しました。

関連ページ:

概要

参考:

SVG ファイル大解剖 Illustrator による作成から、Web 書き出しまで | PhotoshopVIP

SVG に関する基礎知識 | Design Report デザインレポート

使い方

こちらのページを参照

参考:

HTML と CSS で SVG を使うためのメモ – Qiita

SVG と svg 要素 | プログラミング入門レシピ

HTML5 での SVG ファイル操作のおさらい – Qiita

svg 要素と SVG 文書 | defghi1977

SVG 入門 | コンピュータサイエンス入門 (新山祐介)

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)

参考:

名前空間の速修講座 | MDN

シンボル (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

参考:

SVG を PNG に変換するワンライナー – Qiita

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 変換 | Convertio

参考:

EPS を SVG に変換する – Qiita

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 エディタまとめ – Qiita

ツール

こちらのページを参照

参考:

SVG を使いこなすための便利ツールいろいろ | Web クリエイターボックス

rasterizeHTML.js

公式サイト:

rasterizeHTML.js

リポジトリ:

cburgmer/rasterizeHTML.js: Renders HTML into the browser’s canvas – GitHub

入手:

rasterizehtml – npm

参考:

Chrome でも DOM を Canvas にレンダリングして画像を取得するには – Qiita

saveSvgAsPng

リポジトリ:

exupero/saveSvgAsPng: Save SVGs as PNGs from the browser – GitHub

入手:

save-svg-as-png – npm

参考:

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

リポジトリ:

GNOME/librsvg: SVG rendering library – GitHub

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA