Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 亚像素CSS定位_Javascript_Css - Fatal编程技术网

Javascript 亚像素CSS定位

Javascript 亚像素CSS定位,javascript,css,Javascript,Css,如果我通过javascript将图像元素的CSS位置属性设置为浮点,Firefox会很好地呈现它,但其他浏览器不会。我可以在其他浏览器上使用亚像素定位吗?我喜欢无缝地放大图像,而不会因为我的价值观被取整而感到不安。例如,它看起来像2.217px变为“2px;”在除Firefox以外的所有浏览器中。通过style.top或通过style.webkit-transform:translate(x,y)设置值时会出现这种情况。最后,我通过在HTML5画布元素上绘制图像来实现这一点。为什么不在指定值之前

如果我通过javascript将图像元素的CSS位置属性设置为浮点,Firefox会很好地呈现它,但其他浏览器不会。我可以在其他浏览器上使用亚像素定位吗?我喜欢无缝地放大图像,而不会因为我的价值观被取整而感到不安。例如,它看起来像
2.217px变为“2px;”在除Firefox以外的所有浏览器中。通过
style.top
或通过
style.webkit-transform:translate(x,y)
设置值时会出现这种情况。最后,我通过在HTML5画布元素上绘制图像来实现这一点。

为什么不在指定值之前自己进行取整呢?这样,你至少会得到一致的结果。看到这个了吗?@Yaya3:是的,我看到了。但这只能说明如果你通过百分比来定义它会发生什么@佩卡:是的,实现了一致性,但这不是一个解决方案。我希望能够缓慢而平稳地放大图像。Firefox似乎可以渲染整个像素之间的中间步骤(就像Flash一样),而其他浏览器则不行。我还研究了CSS属性
图像渲染:优化质量
-ms插值模式:双三次,但也没有骰子。