<!DOCTYPE html><html><head><meta charset="UTF-8"><title>canvas圖形變換</title><style type="text/css">.canvas{border: 1px solid red;}</style></head><body><canvas id="myCanvas" class="canvas" width="600px" height="600px">您的瀏覽器不支持canvas</canvas><script type="text/javascript">//獲取DOMvar canvas = document.getElementById('myCanvas');//獲取繪圖上下文var ctx = canvas.getContext('2d');ctx.moveTo(300,300);ctx.lineTo(400,400);ctx.strokeStyle = 'yellow';ctx.stroke();ctx.beginPath();ctx.moveTo(500,500);ctx.lineTo(600,600);ctx.strokeStyle = 'yellow';ctx.stroke();</script></body></html>
canvas繪制兩條直線,顏色為什么一個(gè)深一個(gè)淺?
慕蓋茨9092533
2020-05-16 13:11:27