元図形
y軸反転
平行移動
- svg要素にtransform属性を指定
- firefox35
グラフィックの内容に対してtransform変換が掛かる†
- chrome38
ビューポートsvg要素に対するtransform属性は無効となる．
- svg要素のstyle属性にtransformプロパティを指定
svgグラフィックのビューポートにおけるtransform-origin(50%,50%)を元に変換
- svg要素の親span要素にtransformプロパティを指定
インライン要素に対するtransformは無効
- svg要素の親span要素をinline-blockにしてtransformプロパティを指定
span要素におけるtransform-origin(50%,50%)を元に変換
†SVG2では「ネストしたsvg要素に対するtransform属性を有効とすること」が求められているだけで，この例のようにビューポートsvg要素に対するtransform属性が有効化するのはおそらくバグ．https://svgwg.org/svg2-draft/struct.html#SVGElement