JavaScript 之 Canvas

示例

demo

介绍

根据该系列，最后成品是这个样子滴：

我已经将代码按照系列编号拆分开，有需要的朋友可以自行查看。

本示例具有：

• 随意画

• 直线

• 箭头

• 矩形

  • 实心 / 空心
  • 正方形 / 长方形

• 圆

  • 实心 / 空心
  • 正圆 / 椭圆

• 文字

• 橡皮

• 画笔大小

• 画笔颜色

使用方法

在base.html中可以导入 js 文件以使用。