SVGの概要から基本的な使い方、Web制作での活用方法までをじっくり解説する本連載。前回はSVGができることをおおまかに解説しました。今回は ...

『GIMPパーフェクトガイド』という本を購入しました。GIMPでベクトル画像を編集しSVGとして保存できることが、この本を読んで分かりました。 GIMPパーフェクトガイド 今日はGIMPを使ってSVGを作ってみたいと思います。 GIMPとは GIMPはラスター画像を編集する無料ソフトウェアです。ラスター画像 ...

Boxy SVGを試してみよう Boxy SVG はChromeアプリとして公開されている、シンプルな無料ベクトルエディターです。 問題なく SVGの主な機能にフル ...

ウェブページでベクター形式のSVG画像を使うと、拡大しても画像が荒くならない、アニメーションできるなど、様々なメリットがあります。Illustratorからイラストやロゴを適切にSVG形式で書き出して、ウェブページに挿入する方法を、2回に分けてご紹介します。 アイコンやロゴをSVG形式で納品 ...

このSVGはフィルタを作成し、粒子の粗いグラデーションに使用できる <rect> 要素をレンダリングします。 SVGの <filter> は <rect> とは別に定義されており、 <rect> は単にそれを参照しているだけであることに注意してください。. 下記のデモで <feTurbulence> のプロパティの値を変更してみてください。

Feathericonsは282個のSVGアイコンを備えて、見栄えがよくクリーンなライブラリです。デフォルトではメインフォーマットとしてSVGのみですが、現在のところこれは推奨されるアイコンの使用方法であるため、問題はありません。

米Adobe Systemsは、SVG形式のベクター画像をWebブラウザーで表示するためのプラグイン「Adobe SVG Viewer」v3.0をリリースした。同社によると今回の ...

なお、現在のところサポートされているのはSVGとMarkdownの2種類だけだが、サポート形式の拡充も検討されているようだ。 今後のアップデートに ...