テキストを含むSVG要素をスケーリングすると、テキストが正しく再描画されません。この問題は、デスクトップのSafari(Safari 5.1.7でテスト済み)でのみ発生するようで、iPad、およびSafari6の開発者プレビューを含む他の主要なブラウザーで正しくレンダリングされます。
問題のデモンストレーションについては、次のjsfiddleを参照してください。
問題が発生した視聴者には、赤い四角の中央に白いテキストが表示されないか、テキストが正しくレンダリングされません。
ChromeやFirefoxなどのブラウザでデモを実行して、正しい出力を確認します。
他の誰かがこの問題を経験したか、それを回避する方法を知っていますか?
ありがとう