javascript - 子像素 CSS 定位

标签 javascript css

如果我通过 javascript 将图像元素的 CSS 位置属性设置为 float ,Firefox 可以很好地呈现它,但其他浏览器则不能。我可以获得亚像素定位以与其他浏览器一起使用吗?我喜欢无缝放大图像,而不会因为我的值四舍五入而抖动。例如,看起来 2.217px; 变成了“2px;”在除 Firefox 之外的所有浏览器中。通过 style.top 或通过 style.webkit-transform: translate(x, y) 设置值会发生这种情况。

最佳答案

最后,我通过在 HTML5 canvas 元素上绘制图像来解决这个问题。

关于javascript - 子像素 CSS 定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3103252/

相关文章:

javascript - 将数组与其自身连接起来以复制它

javascript - 识别组(数组)中哪个输入触发了事件处理程序

css - 即列表中的垂直空间问题

html - 使用 CSS 保持 div 的纵横比

javascript - 为什么会发生这种换行?

css - 如何让页脚停留在网页底部?

javascript - 在无序列表li标签中动态插入img源

Javascript 客户端 ORM

javascript - 多个 div 绑定(bind)到 JQuery 函数 - 函数被多次调用

javascript - 如何使此表具有响应性和边框?