美文网首页
canvas基础

canvas基础

作者: icaojinyu | 来源:发表于2019-03-15 14:43 被阅读0次
  1. 标签
<canvas>
    不支持canvas的浏览器会显示这里的内容
</canvas>
  1. 绘制环境ctx
  • getContext('2d')
<canvas id="can" width="400" height="400">不支持canvas的浏览器会显示这里的内容</canvas>
<script>
  const canvas = document.getElementById('can')
  const ctx = canvas.getContext('2d')
</script>
  1. 绘制方块
  • fillRect(L,T,W,H) 默认颜色是黑色
  • strokeRect(L,T,W,H) 带边框的方块
  1. 设置绘图
  • fillStyle 填充颜色(绘制canvas是有顺序的)
  • lineWidth 线宽度,是一个数值
  • strokeStyle 边线颜色

相关文章

网友评论

      本文标题:canvas基础

      本文链接:https://www.haomeiwen.com/subject/fiblmqtx.html