为了账号安全,请及时绑定邮箱和手机立即绑定
虚线可以这样画,把一条线分成红白两半,然后红白交替拼接
var size = 35;
for(var i=0;i<size;i++){
context.beginPath();
if(i % 2 == 0){
context.moveTo(cW * i / size, cH * i / size);
context.lineTo(cW * (i+1) / size, cH * (i+1) / size);
context.stroke();
}
}
除了选择颜色我加了选择图片的功能,落笔生花,用canvas createPattern()方法
视频里的方法应该是两条线段做映射,然后算出来的
大家加油!
meta:vp + tab健
我是这个算法:
ctx.lineWidth = 30 - (curLoc.x - lostLoc.x) + (curLoc.y - lostLoc.y);
大家可以参考一下
老师的口头禅,
是不是非常的酷。

不得不说,真的很酷
计算线宽的公式(两种写法都可以):
lineWidth=maxLineWidth-(v-minSpeed)*(maxLineWidth-minLineWidth)/(maxSpeed-minSpeed);
lineWidth=minLineWidth+(maxSpeed-v)*(maxLineWidth-minLineWidth)/(maxSpeed-minSpeed);
分享一段我自己试出来的不错的效果算法(反比例函数)
if(v<0.1)
newV = 30;
else
newV = Math.ceil( 20/(v+0.9)+10 );
字写的有点变形

最新回答 / Dva_Come_to_web
哪些问题不懂,你倒是说清楚呀,不说清楚问题我们怎么帮你解答

最新回答 / Dva_Come_to_web
直接右键图片另存为就行
课程须知
需掌握canvas的基本用法。建议先学习《炫丽的倒计时效果Canvas绘图与动画基础》与《Canvas绘图详解》两门课程
老师告诉你能学到什么?
深入了解canvas如何与鼠标、触控等操控手段交互,同时完成一个炫丽的,能同时运行在多端的移动web app

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消