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