svg

続・iPhoneで見ると、<symbol>で作った絵が見えない?

svg

d:id:myamyugon:20130819:1376838056で「もっと調べる」と書いた件。 わかった。インラインSVGで書いていたのが原因。 インラインSVGだとけっこうブラウザごとに対応の差がありそうだ。 <html lang="ja"> <head> 〜 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 480 320" > <defs> <symbol id="hoge"> 〜 <…</symbol></defs></svg></head></html>

iPhoneで見ると、<symbol>で作った絵が見えない?

svg

最近ハマったSVGの話。 defsの中にsymbol書いて、その中に図形を描いて、それをuseで表示しようと思ったら、iPhoneでは見えなかった。 ↓実際はちょっと違うけど、こんなの。 <defs> <symbol id="hoge"> <circle cx="0" cy="0" id="point" r="5" fill="blue" /> </symbol> </defs> <use xlink:href="#hoge" x="10" y="10" /> iPhone safariのバグなのだろうか・・・? 書き方が悪いのだろうか・・・?※</use>…