老师,这样可以吗

来源:7-7 编程练习

慕丝5187111

2018-11-04 16:11:34

//月亮
context.save();
context.shadowOffsetX = 10;
context.shadowOffsetY = 10;
context.shadowBlur = 20;
context.shadowColor = "rgba(255,255,255,0.5)"
context.arc(200,200,100,0,2*Math.PI,true);
context.fillStyle = 'yellow';
context.fill();
//文字
context.shadowOffsetX = 10;
context.shadowOffsetY = 20;
context.font = "bold 100px '楷体','楷体_GB2312'";
context.fillStyle= "#fff";
context.fillText('山高月小',600,300);
//山峰
context.shadowOffsetX = 0;
context.shadowOffsetY = 0;
context.shadowColor = "blue";
context.lineWidth = 15;
context.strokeStyle = "blue";
context.beginPath();
context.moveTo(0, 1000);
context.quadraticCurveTo(168, 155, 260, 1000);
context.stroke();

context.lineWidth = 15;
context.strokeStyle = "blue";
context.beginPath();
context.moveTo(210, 1000);
context.quadraticCurveTo(288, 300, 500, 1000);
context.stroke();

context.lineWidth = 15;
context.strokeStyle = "blue";
context.beginPath();
context.moveTo(500, 1000);
context.quadraticCurveTo(600, 45, 800, 1000);
context.stroke();

context.lineWidth = 15;
context.strokeStyle = "blue";
context.beginPath();
context.moveTo(700, 1000);
context.quadraticCurveTo(950, 340, 1200, 1000);
context.stroke();


写回答

1回答

宝慕林3319090

2018-11-05

可以先把4个山峰的路径都画出来,再一次绘制。

context.moveTo(0, 1000);
context.quadraticCurveTo(168, 155, 260, 1000);
context.moveTo(210, 1000);
context.quadraticCurveTo(288, 300, 500, 1000);
context.moveTo(500, 1000);
context.quadraticCurveTo(600, 45, 800, 1000);
context.moveTo(700, 1000);
context.quadraticCurveTo(950, 340, 1200, 1000);
context.stroke();


0

0 学习 · 4826 问题

查看课程