Safari 10にしか現れない非常に奇妙な問題に遭遇しました。私はカード、svg画像を持っていますが、時々transform:rotate(xdeg)を使って回転します。Safari 10で回転するとSVGの色が変わります。
私が使用しているカードには赤いブロックパターンがあります。回転していないか、直角に回転している場合（90,180,270）は正常です。しかし、それ以外の角度や背景のパターンは青色に変わります！私はちょうど私のユーザーの一人からこれについての報告を受け取り、奇妙なものを見たことがない。他のブラウザはすべて正常に動作しますが、Safari 9は正常に動作します。
私はこれがSafari 10の本当に奇妙なバグだと思っていますが、その回避方法に関するアイデアはありますか？確かに
https://jsfiddle.net/2zv4garu/1/
奇妙なバグ：私はで最小限のREPROを作成しました。 g要素をSVG変換としてラップして変換を実行しても問題は解決されません。
ただし、2Dの代わりに3D回転を実行すると、inlineCard.style.transform = 'rotate3d(0,0,1,' + e.currentTarget.value + 'deg)';で問題が解決します。こちらをご覧ください。
https://jsfiddle.net/qe00s1mg/
ありがとう、それはうまく動作します:)私は色の変化が起こる方法を考え出しました、それは塗りつぶしの色からRとBの値を切り替えることです。色は＃ff0000で＃0000ffに切り替わります。私はRとBのために異なる値で試して、それが常に逆であることを見た。しかし、Gの値は変わりません。実際に＃00FF00の色を試してみると、回転中にカードの色が変わることはありません。 回避策をとってくれてありがとうございます。 –
bugreport.apple.com（またはbugs.webkit.org）にバグを報告してください。 –
@EinarEgilsson：...それは何が起こっているかをほとんど説明しています。明らかに、誰かが[間違ったバイトオーダーを使って]（http://stackoverflow.com/questions/5123387/loading-a-bmp-into-an-opengl-textures-switches-the-red-and-blue-colors-c -win）を使用します。 –
あなたは、これはWebKitの関連と思われる場合、（https://bugs.webkit.org/）[そのバグトラッカーへ] WebKitのバグを追加することを検討してください。 – unwind
これは、2012年後半のMac Miniモデルまたは2013 Retina MacBook Proでは発生しません。 Mac Mini：http://imgur.com/zdAZoWV –
Safariバージョン10.0（12602.1.50.0.10） – Dave