Javascript easeljs为圆弧的端点设置动画
使用easeljs如何设置圆弧的端角动画 我试图通过Javascript easeljs为圆弧的端点设置动画,javascript,easeljs,createjs,Javascript,Easeljs,Createjs,使用easeljs如何设置圆弧的端角动画 我试图通过pie.setMyAngle=0.1创建自己的属性然后在勾号中递增,但这不起作用 function init() { var canvas = document.getElementById('easel'); var stage = new createjs.Stage(canvas); var pie = new createjs.Shape(); pie.setMyAngle = 0.1; pi
pie.setMyAngle=0.1创建自己的属性
然后在勾号中递增,但这不起作用
function init() {
var canvas = document.getElementById('easel');
var stage = new createjs.Stage(canvas);
var pie = new createjs.Shape();
pie.setMyAngle = 0.1;
pie.graphics.beginFill("rgba(255,255,255,1)").arc(75, 75, 75, 0, Math.PI * pie.setMyAngle, false).lineTo(75, 75).closePath();
stage.addChild(pie);
createjs.Ticker.addEventListener("tick", handleTick);
function handleTick() {
pie.setMyAngle += 0.1; //not working
pie.x += 1
stage.update();
}
}
更改自定义属性(例如,
setMyAngle
)不会自动更新形状;你得重新画你自己。例如,可以将图形代码移动到handleTick
方法中:
function handleTick() {
pie.setMyAngle += 0.1;
pie.x += 1;
pie.graphics.clear();
pie.graphics.beginFill("rgba(255,255,255,1)").arc(75, 75, 75, 0, Math.PI * pie.setMyAngle, false).lineTo(75, 75).closePath();
stage.update();
}
我写了一个有趣的小动画看看:D,可能会帮助别人。谢谢,这对我也有帮助。我需要知道如何在画架上画一个圆形扇形。供参考: