キャンバスレンダリングのバグは、Safariでのみ、iOS5/Lionでのみ

Question

このブラウザとは全く別のブラウザバグは見たことがありません。特定のSafariブラウザ/プラットフォームの組み合わせでのみ発生します。 iOS4またはMac OSX Snow Leopard上でSafari 5.1.1を使用すると期待される結果が得られますが、Safari 5.1または5.1.1をLionまたはiOS5で試してみると、バグが発生します。

この状況は、foreignObject要素を使用してキャンバス要素をインラインsvgドキュメントに埋め込む場合に発生します。キャンバスは通常、foreignObjectに適用されるすべてのsvg変換を尊重します。これはChrome/FirefoxとSafari（iOS4、Snow Leopard）でうまく動作します。しかし、私がLionでSafariを使用すると、iOS5は変換を適用せずにキャンバスをレンダリングします。キャンバスレンダリングもすべてのSVGの上にあるので、zオーダーも尊重されません。

プラットフォーム（Snow Leopard/Lion）間で同じバージョン（5.1/5.1.1）のSafariで変更された可能性はありますか？

ご協力いただきまして誠にありがとうございます。

EDIT：LionとiOS5のレンダリングエンジンがWebkit1からWebkit2に変更され、大量のバグが導入されたようです。これは関連するように見えます：https://bugs.webkit.org/show_bug.cgi?id=68635まだ回避策を探しています...

Answer 1

どのようにあなたのsvgをHTMLにリンクしているかによって異なります。 それはあなたがインラインで挿入されている場合は、私はいくつかの変換やアニメーションを知って

<embed id="some_id" width="WIDTH" height="HEIGHT" src="youranimation.svg" name="animated_map" type="image/svg+xml"> 

あなたはこのようにそれを埋め込むと、「画像/ SVG + xmlの」としてそれを提供する必要があるよりも、外部のSVGファイルである場合に動作していないと現時点でこれに対する回避策を知らないでください。私はそれを私が記述した方法と外部的にリンクすることをお勧めします。