html5 画布

最新推荐文章于 2024-01-29 19:37:00 发布

wangatong

最新推荐文章于 2024-01-29 19:37:00 发布

阅读量352

点赞数

分类专栏： H5 文章标签： html5 前端 javascript

本文链接：https://blog.csdn.net/wangatong/article/details/122523902

版权

H5 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

window.onload = function () {
  let vs = document.querySelector('#myCanvas')
  let can = vs.getContext('2d')
  /**
   * 三角形 
   */
  //移动坐标轴
  can.moveTo(50, 50)
  //画直线
  can.lineTo(150, 50)
  can.lineTo(50, 150)
  can.lineTo(50, 50)
  //填充颜色
  can.fillStyle = "#FF0000";
  //画左边是0,0  150*75的正方形
  can.fillRect(0, 0, 150, 75)
  can.stroke()
}