而文下面的教程中将使用的是另外一个叫做kinetic的Web动画工具包。它们都是开源的。
...、右眼
首先我们需要先创建Kinetic对象,并调用Line()方法,进行绘制。...使用kinetic工具包中的方法,绘制左右眼
// 创建一个Kinetic线形对象
var leftEye = new Kinetic.Line({
x: 150, // x轴位置
points...: [0, 200, 50, 190, 100, 200, 50, 210], // 位置点
tension: 0.5, // 线条弹性
closed: true,
stroke...: 'white', // 线条颜色
strokeWidth: 10 // 线条宽度
});
// 创建一个Kinetic线形对象
var rightEye = new Kinetic.Line