使用HTML5画布绘制正方形

  1. 打开记事本写下以下代码:

    使用HTML5画布绘制正方形_第1张图片
  2. 2

    另存为“htm”

    使用HTML5画布绘制正方形_第2张图片
  3. 3

    用IE或其他浏览器打开

    使用HTML5画布绘制正方形_第3张图片
    END

注意事项

  • beginPath() - 开始准备绘制
  • moveTo() - 绘制的其实坐标(x, y)
  • lineTo() - 绘制结束的坐标(x, y
  • square.strokeStyle 设置直线颜色
  • stroke() - 立刻开始绘制直线
  • canvas 元素使用 JavaScript 在网页上绘制图像

你可能感兴趣的:(html5,html5,画布,绘制正方形,canvas)