SVGファイルをiPhoneで表示させる

環境を考慮すると早いと思いつつ、ベクターデータをSVGで保存し、

iPhoneで確認するという荒行を行いました。

データはイラレで出力。

HTMLにインラインで指定したものの、なぜか真っ白。

諦めるのも何なのでググりまくると、SVG内のwidth/heightが邪魔していると。

「フレームの幅と高さを決めているだけで画像における

いわゆるキャンバスの幅や高さを決めているわけではない」

なんと。

width/heightを消したのち、preserveAspectRatio="0"を記述すると成功。

が、背景が透過されない。またググりまくると、

「WebKitのバグ」

＿／乙(､ﾝ､)_　ﾓｳﾀﾞﾒﾀﾞ

Safari5.1.1、iOS5では解決らしい・・・

後述

SVG内のwidth/heightを100%にすると問題なかった