我正在使用以下代码在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,同样的问题也出现在那里。
答案 0 :(得分:0)
这是一个很好的问题。我真的不能在这里想到一个好的解决方案。我想到的唯一“技巧”是模糊你的形象?
-webkit-filter: blur(0.8px);
对于图像的渲染模式来优化质量?
以下是我的解决方案:http://codepen.io/anon/pen/ZGzVjd