返回

canvas绘制直线

Created By ZOU on Dec 26 2020

canvas绘制直线怎么绘制呢?下面来个案例:


const canvas = document.getElementById('canvas')
const ctx = canvas.getContext('2d')
ctx.beginPath()
// 移动路径到指定点
ctx.moveTo(0, 0)
// 绘制到制定点的线条
ctx.lineTo(300,150)
// 绘制路径
ctx.stroke()

这样就绘制出了一个线条:

标签: javascript canvas