极端旋转时抗锯齿性差

时间:2015-04-20 17:01:22

标签: css svg transform

我正在使用以下代码在X轴上旋转SVG:

img {
    width:1000px;
    margin:0 auto;
    transform: perspective(600px) rotateX(80deg)
}

SVG中的星星看起来非常像素化:http://codepen.io/maxedison/pen/zGOyRO

有没有办法改善抗锯齿?我在Chrome和& Firefox浏览器。我尝试设置backface-visibility: hidden,但没有任何区别。我也尝试使用标志图像的JPG而不是SVG,同样的问题也出现在那里。

1 个答案:

答案 0 :(得分:0)

这是一个很好的问题。我真的不能在这里想到一个好的解决方案。我想到的唯一“技巧”是模糊你的形象?

-webkit-filter: blur(0.8px);

对于图像的渲染模式来优化质量?

以下是我的解决方案:http://codepen.io/anon/pen/ZGzVjd