为了账号安全,请及时绑定邮箱和手机立即绑定
http://212.64.83.108/Paint/index.html
拓展做了一个你画我猜
直接canvas.offsetX和canvas.offsetY就可以吧
给十颗星,讲得好、给我的帮助很大

已采纳回答 / Gatling
是cointext.moveTo()  你到后面4行写成canvas.moveTo()了  浏览器调试栏里有报错吧
//接上
if(i%2==0){
ctx.strokeStyle='red';
}else{
ctx.strokeStyle='white';
}
ctx.closePath();
ctx.stroke();
}
ctx.restore();
}
function dashedLine(x,y,len,dashedLen,rad){
ctx.save();ctx.lineWidth=2;
for(var i= 0; i<len/dashedLen; i++){
ctx.beginPath();
ctx.moveTo((x+dashedLen*i)*Math.cos(rad),(y+dashedLen*i)*Math.sin(rad));
ctx.lineTo((x+dashedLen*(i+1))*Math.cos(rad),(y+dashedLen*(i+1))*Math.sin(rad));
给大家提供一种在手机上看效果的实现方法:
1. 电脑上安装nginx
2. 配置conf,如下:

server{
listen 3002;
server_name localhost;

location / {
root 你的文件的绝对路径目录;
access_log on;
autoindex on;
}
}

之后查看你的内网ip,通过 http://你的内网ip:3002/index.html 就可以在手机上查看效果啦!
思路清晰,通俗易懂,举一反三,老师讲得真棒!!!
老师讲课很有启示意味,举一反三,很棒!
由于只能写300字 所以把canvasWidth,canvasHeight等变量简化了一下,可以在同一个循环里画完米线
虚线可以这样画,把一条线分成红白两半,然后红白交替拼接
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()方法
首页上一页1234567下一页尾页
课程须知
需掌握canvas的基本用法。建议先学习《炫丽的倒计时效果Canvas绘图与动画基础》与《Canvas绘图详解》两门课程
老师告诉你能学到什么?
深入了解canvas如何与鼠标、触控等操控手段交互,同时完成一个炫丽的,能同时运行在多端的移动web app

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消