The svg element is a container that defines a new coordinate system and viewport. It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG ...

CodeZine BOOKS（コードジン・ブックス）は、CodeZineの連載からカットアップした、開発現場の課題解決に役立つ書籍シリーズです。 「Firefoxの灯（ともしび）」（以下、灯と表記）に実装されているWebの最新技術を紹介する本連載。前回は、HTML5の「Canvas」要素 ...

SVG画像のサイズの変更時にちょっと困ったことを整理しました。 SVG画像のサイズの変更の仕方 まず、基本的な情報をすこし説明します。 139px × 71pxの縦横不規則な kingyo.svg を作成して、<svg>タグ側に、width/height で実寸サイズを設定せず、その都度サイズを ...

SVGの概要から基本的な使い方、Web制作での活用方法までをじっくり解説する本連載。前回はSVGができることをおおまかに解説しました。今回は、SVGの仕様をもとに、SVGの書き方、読み方の基礎を学びます。 SVGを描く、そして書く SVGは画像であり、コードを ...

SVGは画像であると同時に、マークアップ言語でもあります。タグと属性で書いていくSVGのコードはHTMLやCSSとよく似ているので、HTMLやCSSの基礎知識さえあればSVGも同じ考え方で理解できます。今回は、SVGの属性とCSSの書き方を学びます。 見た目の定義は ...

Cisco Talos Intelligence Groupは12月13日(米国時間)、「HTML smugglers turn to SVG images」において、スケーラブル・ベクター・グラフィックス(SVG: Scalable Vector Graphics)画像を悪用した比較的新しいHTMLスマグリング手法が攻撃者に使われていると伝えた。HTMLスクリプトタグを ...

.. and many other nuisances (ex, see: The Image that called me.pdf, slide 11. Then there are also XXE attacks via <!ENTITY> declarations ,ex "Billion Laughs". Just like by spec HTML, while some SVG ...

商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。 FigmaとVS Code ...

米Microsoftは7月11日（現地時間）、「Microsoft Edge」が「Async Clipboard API」でSVGファイルをサポートしたと発表した。ネイティブアプリでは当たり前に用いられているSVG画像のコピー＆ペーストを、Webアプリでも簡単に行えるようになる。 SVGファイルはベクター ...