马黑PHP整站系统

  12345
6789101112
13141516171819
20212223242526
2728293031  

[复位日记]

最新评论

马黑
悄然
飞飞
小希
小希

网站统计

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

2024年10月19日 星期六[阅读 202]

svg drawer的最初设想是基于静态图像的绘制,做的时候又觉得怎么可以绕过动画!想了想,动画还是要加入,不过现在静态的图像绘制还有很多问题要处理和完善,目前动画模块也只能是构思中。

不过实际上,现在的 sdr 已经是可以加入动画的,以圆为例,步骤如下:

  1. dr.circle(50, 50, 30, 'tan').id('cc');
  2. dr.draw('animate', {attributeName: 'cx', dur: '6s', values: '50;350;50', repeatCount: 'indefinite'}).addTo('cc');

就是先画个圆并给他上个 id,然后用 draw() 指令制作 animate 标签,属性用JS对象方式组织,最后用 addTo() 将其添加到 circle 标签中。原生svg动画属性很多,想简化它真的不容易,估计将来实现动画模块时也是走的 draw() 这条路。

2024': 前一则  下一则    

发表评论:

       

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