日 | 一 | 二 | 三 | 四 | 五 | 六 |
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 | 31 |
[复位日记]
网站统计
·今日访问 : 9
·页面点击 : 9
·当前在线 : 3
2024年10月19日 星期六[阅读 202]
svg drawer的最初设想是基于静态图像的绘制,做的时候又觉得怎么可以绕过动画!想了想,动画还是要加入,不过现在静态的图像绘制还有很多问题要处理和完善,目前动画模块也只能是构思中。
不过实际上,现在的 sdr 已经是可以加入动画的,以圆为例,步骤如下:
- dr.circle(50, 50, 30, 'tan').id('cc');
- dr.draw('animate', {attributeName: 'cx', dur: '6s', values: '50;350;50', repeatCount: 'indefinite'}).addTo('cc');
就是先画个圆并给他上个 id,然后用 draw() 指令制作 animate 标签,属性用JS对象方式组织,最后用 addTo() 将其添加到 circle 标签中。原生svg动画属性很多,想简化它真的不容易,估计将来实现动画模块时也是走的 draw() 这条路。
发表评论: