javascript - 任何拉伸背景图像的方法

Question

我正在尝试创建一个类似于此处的计数器。通过拉伸/挤压图像来计算。

但我宁愿使用精灵而不是图像作为数字。唯一的问题是我看不到使用 javascript 为背景图像拉伸设置动画的方法。我知道有 background-size css3 属性，但这不适用于 jquery animate 方法并且有点奇怪。

有没有其他方法可以做到这一点？有没有办法以某种方式使用带有图像而不是背景图像的精灵？

Answer 1

您可以使用具有溢出=隐藏的 DIV 包装 IMG 标记，并使用位置属性移动它。这不是很好的解决方案（元素太多），但它是您所需要的。