Javascript 亚像素CSS定位
如果我通过javascript将图像元素的CSS位置属性设置为浮点,Firefox会很好地呈现它,但其他浏览器不会。我可以在其他浏览器上使用亚像素定位吗?我喜欢无缝地放大图像,而不会因为我的价值观被取整而感到不安。例如,它看起来像Javascript 亚像素CSS定位,javascript,css,Javascript,Css,如果我通过javascript将图像元素的CSS位置属性设置为浮点,Firefox会很好地呈现它,但其他浏览器不会。我可以在其他浏览器上使用亚像素定位吗?我喜欢无缝地放大图像,而不会因为我的价值观被取整而感到不安。例如,它看起来像2.217px变为“2px;”在除Firefox以外的所有浏览器中。通过style.top或通过style.webkit-transform:translate(x,y)设置值时会出现这种情况。最后,我通过在HTML5画布元素上绘制图像来实现这一点。为什么不在指定值之前
2.217px代码>变为“2px;”在除Firefox以外的所有浏览器中。通过style.top
或通过style.webkit-transform:translate(x,y)
设置值时会出现这种情况。最后,我通过在HTML5画布元素上绘制图像来实现这一点。为什么不在指定值之前自己进行取整呢?这样,你至少会得到一致的结果。看到这个了吗?@Yaya3:是的,我看到了。但这只能说明如果你通过百分比来定义它会发生什么@佩卡:是的,实现了一致性,但这不是一个解决方案。我希望能够缓慢而平稳地放大图像。Firefox似乎可以渲染整个像素之间的中间步骤(就像Flash一样),而其他浏览器则不行。我还研究了CSS属性图像渲染:优化质量
和-ms插值模式:双三次代码>,但也没有骰子。