2011-01-20 5 views
3

WebKitに埋め込まれたSVG(<embed>または<image>)のバグにより、透明ではなく白い背景が表示されました。iOS WebKitの透過SVG

それを修正しますが、WebKitの

のずっと年上のビルドがあるのiOS上で、このためのいくつかの良い回避策はありませんでしたか?透明な背景が必死に必要です。

  • 使用<img>タグ:

    は、私は2つのサブ最適な回避策を知っています。 - imgとして挿入されたSVGのDOM/XMLツリーを横断/操作することができないため、できません。

  • <object>または<embed>要素をそれ自身でマスクする。驚くべきことに、SVGは、私はそれ醜いソリューションを検討しかしをマスクとして使用されている場合、古いWebKitのは、透明性を検出することができますイベント:

    <object style="-webkit-mask-image:url(image.svg);" data="image.svg" type="image/svg+xml" />

これにはいくつかの良い解決策はありますか?

答えて

1

解決策が見つかりました。

インライン SVG/XMLを使用できます。その場合、私は透明性とSVG DOMノードをトラバースする能力の両方を得ることができます。

唯一の欠点は、私がiOS用、あなたが本当に必要かと思い

0

あなたが話しているバグはよく知られています。 iOS上にある場合は、本当にベクターグラフィックを使用する必要がありますか?透過性を継承したPNGを使用してみませんか?

+0

(なぜ、私は知らない最高の作品何とかtext/xml)正しいContent-typeヘッダを持つ有効XMLマークアップを使用しなければならないことです可能であれば、網膜スクリーンを扱う際にベクターグラフィックスを使用してください。 – rjmunro

+0

@rjmunro - 私の元の投稿の日付を見て、時間が変わった。 –