日 | 一 | 二 | 三 | 四 | 五 | 六 |
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
[复位日记]
网站统计
·今日访问 : 381
·页面点击 : 385
·当前在线 : 7
2024年9月23日 星期一[阅读 164]
当以img标签或background方式引用.svg文档引用到HTML文档中,一个可能存在的不理想的效果是,动画抖动。这主要针对移动的动画,比如粒子运动。
解决方法:舍弃img标签引用.svg文档,舍弃在元素CSS属性background中引用.svg文档。取而代之的是能引用外部资源的其他HTML标签,诸如iframe、object、embed等,优先考虑前二者,iframe最佳。
iframe之所以是首选标签,原因在于iframe自身就是一个独立的DOM,.svg单独运行时若是正常的,它呈现出来的效果就是正常的,页面尺寸动态变化时效果也是杠杠的。
object在常规状态下,渲染.svg文档效果并不差,但在页面尺寸变大了(比如全屏),可能动画可能会出现不易觉察的抖动。
embed主要用于插件的引入,考虑到浏览器现在都不提倡使用,既然已有其他备选方案,就没必要尝试它。
发表评论: