Sample – Animate Motion
不写这个Sample还不知道,原来在Testing的时候写的jsAnimateMotion方法在safari上有个小bug,不过现在暂时解决了,还存在一些多transform属性同时设置时的复合变化兼容性没做好。 jsAnimateMotion其实是个多余的方法,因为在SVG里面是直接可以用animateMotion标签直接定义出动画的,但是现在浏览器的对此标签的兼容性真是够差(主要是针对js生成的animateMotion标签各个浏览
不写这个Sample还不知道,原来在Testing的时候写的jsAnimateMotion方法在safari上有个小bug,不过现在暂时解决了,还存在一些多transform属性同时设置时的复合变化兼容性没做好。 jsAnimateMotion其实是个多余的方法,因为在SVG里面是直接可以用animateMotion标签直接定义出动画的,但是现在浏览器的对此标签的兼容性真是够差(主要是针对js生成的animateMotion标签各个浏览
为了加快进度,不得不先尝试着做个Chart出来,饼图自认为是需要注意的地方比较多的,所以就做了个简单的饼图,从中还发现了一个opera不遵循W3C标准的bug,唉,怎么着都要遇到些这种麻烦。 需要再改进的地方(此处这个只是Sample): 整理源数据json结构 封装为Pie类方便使用 整个饼图加载的旋转效果 每个块加载的速度要统一 每个块的描述性文字旁边的指引线算法可以再灵活些 块与块的颜色选定(默认情况下) 标题美化,比如加上阴影
本来想更新些有趣的东西作为sample,后来想想如果sample的难度过大就失去了意义(其实真是目的就是想尽快开始Mr.Chart.js的开发,所以就只能简单基础地来实现剩下的Sample了),所以就做了一个基础性的sample:Cubic & Quadratic Bézier curve。本次的代码由于个人十分偷懒,完全是顺序式从头到尾写完,毫无任何封装。╰_╯ 资料可以到这里查看:Cubic & Quadratic
简陋的做了一个与Path进行交互的Sample,不过同时也修改了Mr&Ms.js事件绑定的实现。 B2B updated: 由于一个很失败的设计导致大家看sample的时候都不知道可以拖动,所以改动了一下下,当鼠标移动到圆形上的时候就马上显示move鼠标样式,这样够明显了吧。唉。
希望在夏天给你带来凉爽。fan.html
Tweens in Mr.Graph.js