一、矩形

//指定width和height 画矩形//返回rect对象var draw = SVG('svg1').size(300, 300);var rect = draw.rect(100, 100);//设置radius,指定rx，ry//rect.radius(30);rect.radius(30, 3);

 

二、圆形

var draw = SVG('svg1').size(300, 300);draw.circle(100).fill('red');//指定半径画圆var circle = draw.circle(100);//修改半径大小circle.radius(75);circle.move(50, 50)

三、椭圆形

var draw = SVG('svg1').size(300, 300);//指定width，height 画椭圆var ellipse = draw.ellipse(200, 100);//修改椭圆的半径setTimeout(function () {    ellipse.radius(75, 100);    ellipse.move(50, 50);}, 1000);

四、直线

var draw = SVG('svg1').size(300, 300);//画直线var line = draw.line(0, 0, 100, 150).stroke({    width: 1});//修改直线宽度line.stroke({    width: 2});//获取当前直线的数组var array = line.array();console.info(array);//修改直线，指定数组或字符串//line.plot(50,30,100,150);//line.plot('50,30,100,150');//指定SVG.PointArray 数组line.plot([    [50, 30],    [100, 150]]);var points = new SVG.PointArray([    [50, 30],    [100, 150]]);//line.plot(points);//使用动画,直线的位置移动3秒line.animate(3000).plot(points);

更多：