老师,这样可以吗
来源: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回答
可以先把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();