还有半个多月就到春节了,年底相信很多公司都会进行年度总结以及公司发展状况总结,在这过程中难免会用到RoadMap,在这我们也使用TWaver的矢量部分绘制一个Android系统的发展历程。先看效果:
什么,最里面Android 1.0的气泡看不清?没关系,放大下ok。
先来绘制一条road:
twaver.Util.registerImage('road', {
w: 880,
h: 370,
origin:{ x: 0, y: 0 },
v: [{
shape: 'rect',
rel: true,
rect: [ 0, 0, 1, 1],
lineColor:'red',
lineWidth: 1,
visible: debug,
},{
shape: 'path',
data: 'M850,10C50,140,50,160,400,173C900,180,900,205,400,210C0,220,0,250,850,280L850,360C-50,290,-50,200,400,200C850,195,850,190,400,178C40,160,40,135,850,8z',
fill:'#E3E3E3',
lineWidth:0,
}],
});