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

标签 javascript animation

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

但我宁愿使用 sprite 而不是图像作为数字。唯一的问题是我看不到用 javascript 动画背景图像拉伸(stretch)的方法。我知道有 background-size css3 属性,但是 jquery animate 方法不可用,有点奇怪。

还有其他方法可以实现吗? 有没有办法以某种方式将 Sprite 与图像而不是背景图像一起使用?

最佳答案

您可以使用 overflow=hidden 将 IMG 标签包装在 DIV 中,并使用 position 属性移动它。这不是很好的解决方案(元素太多),但它正是您所需要的。

关于javascript - 任何拉伸(stretch)背景图像的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10658545/

相关文章:

firefox - Angular 2 动画/过渡仅适用于 chrome?

用于外国名称的 Javascript 正则表达式

javascript - 使用草稿js的Nextjs-当我使用convertFromHTML方法使用HTML内容初始化编辑器时未定义文档

javascript - 如何在asp响应中添加数字

如果 IOS7 subview 的父 View 正在设置动画,则 subview 会设置动画

使用 nth-child(1n+1) 的 CSS3 选框

php - 通过ajax加载内容后Jquery不起作用

javascript - C++11 标准引用 ECMAScript (Javascript) 规范?

ios - AVAnimator 在设备上崩溃

animation - 在 SVG 中使用 <set> 标签来更改形状的旋转