- 注册时间
- 2014-9-28
- 最后登录
- 2022-10-14
- 阅读权限
- 30
- 积分
- 211
- 精华
- 0
- 帖子
- 29

|
本帖最后由 ningbnii 于 2020-1-8 11:20 编辑
lufy您好:
我想做一个画板的demo,http://lufydemo.wxbuluo.com/#/drawingpad
function main(event) {
initBackgroundLayer();
drawing = new LShape();
backgroundLayer.addChild(drawing);
drawing.graphics.drawRect(0,'#fff',[0,0,w,h]);
drawing.addEventListener(LMouseEvent.MOUSE_DOWN,onMouseDown);
drawing.addEventListener(LMouseEvent.MOUSE_MOVE,onMouseMove);
drawing.addEventListener(LMouseEvent.MOUSE_UP,onMouseUp);
}
function onMouseDown(e) {
isDrawing = true;
drawing.graphics.add(function(ctx){
console.log('mousedown')
ctx.lineWidth = 5;
ctx.lineJoin = ctx.lineCap = 'round';
ctx.shadowBlur = 10;
ctx.shadowColor = 'rgb(0,0,0)';
points.push({x:e.selfX,y:e.selfY});
});
}
我给shape添加了一个MOUSE_DOWN事件,在onMouseDown方法中调用了graphics.add去划线,发现点一下屏幕,console.log会循环触发,这样导致画出的不是设想的效果,请问是什么原因导致的呢
https://github.com/ningbnii/ionic_lufy_demo
这个是画板的代码
https://github.com/ningbnii/ionic_lufy_demo/blob/master/www/controllers/drawingpad.js
|
|