为了账号安全,请及时绑定邮箱和手机立即绑定
精髓啊,这节课,创造力太牛了,膜拜
赞赞赞,很不错
canvas.getBoundingClientRect()

最新回答 / 问天012
lineWidth后面已经用stroke绘制过了,第二个lineWidth覆盖上面一个然后再用stroke绘制了一次
做完啦!谢谢老师。真牛X
我最喜欢你的课了!!!!
讲得清楚明了,学习好资料!
老师太棒啦!

最新回答 / qq_nothero丶alon_0
canvas.toDataURL("image/png");  用toDataURL 把canvas内容转为base64的图片
计算线宽的公式不对吧,resultLineWidth=(v-0.1)/(10-0.1) * (30-1) + 1
发现一bug:如果只是点击一下不会有痕迹出现,下面是我的改善的部分代码,大家可以参考一下:
var isMouseMove = false;
canvas.onmouseup = function(e)
{ if(isMouseMove != true)
{
context.beginPath();
context.arc(curLoc.x, curLoc.y, 15, 0 ,2*Math.PI);
context.fillStyle = drawColor;
context.fill();
}
isMouseMove = false;
}
赞一个,讲的真不错!
onmouseup,onmouseout时还需要重置下lastLineWidth为-1,更为合理
课程须知
需掌握canvas的基本用法。建议先学习《炫丽的倒计时效果Canvas绘图与动画基础》与《Canvas绘图详解》两门课程
老师告诉你能学到什么?
深入了解canvas如何与鼠标、触控等操控手段交互,同时完成一个炫丽的,能同时运行在多端的移动web app

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消