马黑PHP整站系统

1234567
891011121314
15161718192021
22232425262728
2930     

[复位日记]

最新评论

悄然
飞飞
小希
小希
飞飞

网站统计

·今日访问 : 127
·页面点击 : 130
·当前在线 : 3

2024年9月23日 星期一[阅读 43]

当以img标签或background方式引用.svg文档引用到HTML文档中,一个可能存在的不理想的效果是,动画抖动。这主要针对移动的动画,比如粒子运动。

解决方法:舍弃img标签引用.svg文档,舍弃在元素CSS属性background中引用.svg文档。取而代之的是能引用外部资源的其他HTML标签,诸如iframe、object、embed等,优先考虑前二者,iframe最佳。

iframe之所以是首选标签,原因在于iframe自身就是一个独立的DOM,.svg单独运行时若是正常的,它呈现出来的效果就是正常的,页面尺寸动态变化时效果也是杠杠的。

object在常规状态下,渲染.svg文档效果并不差,但在页面尺寸变大了(比如全屏),可能动画可能会出现不易觉察的抖动。

embed主要用于插件的引入,考虑到浏览器现在都不提倡使用,既然已有其他备选方案,就没必要尝试它。

2024': 前一则  下一则    

发表评论:

       

Copyright © 2023 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com