Canvas做一个视频弹幕效果——弹幕就是这样实现的

zhuanbike 2022-1-29 678

canvas的技术栈还是比较简单的,就像给你了画布和画笔,能画出什么样的作品,还得结合每个人的个人领悟。

直接写js内的部分

//写文本
			ctx.font = "50px 微软雅黑"
			
			var x = 600;
			setInterval(()=>{
				//每次让x的值减少10px
				x-=5;
				//当x值小于-100超出屏幕,再循环播放
				if (x<-100){
					x=600;
				}
				//清空整个画布,避免重新画
				ctx.clearRect(0,0,600,800)
				ctx.fillText("弹幕效果",x,200)
				ctx.strokeText("stroke带特效的",x,400)
			},16)


最新回复 (0)
发新帖