在Safari 10中旋转时，SVG会改变颜色
我刚刚遇到一个非常奇怪的问题，只在Safari 10中出现。我有玩纸牌，svg图像，有时使用transform:rotate(xdeg) 。
我正在使用的卡有一个红色块模式。 当它没有旋转，或以直angular旋转，即90,180,270，那么它看起来很正常。 但是，除此之外的任何angular度和背景图案变成蓝色！ 我刚刚从我的一个用户那里得到了一个这样的报告，从来没有看到任何奇怪的东西。 其他浏览器一切正常，Safari 9正常。
我猜这只是Safari 10中一个非常奇怪的错误，但是有关如何解决它的任何想法？ 我已经创build了一个最小的repro：
https://jsfiddle.net/2zv4garu/1/
奇怪的错误确实。 将g元素作为SVG转换进行转换不能解决问题。
然而，通过执行一个3D旋转，而不是2D的，即inlineCard.style.transform = 'rotate3d(0,0,1,' + e.currentTarget.value + 'deg)'; 确实解决了这个问题，你可以在这里看到。
https://jsfiddle.net/qe00s1mg/
