本文是JavaScript之canvas系列的第一篇，主要介绍了canvas的基本概念和如何创建一个简单的画图页面。通过示例代码展示了如何在canvas上绘图，包括设置填充色、描边色和使用阴影。下一篇文章将探讨canvas上的基本图形绘制。
原文地址：https://www.jeremyjone.com/462/ ， 转载请注明。
代码地址：https://github.com/jeremyjone/CanvasPaint ，需要请自行查看。
认识canvas
<canvas>是一个HTML元素，可用于通过脚本（通常是JavaScript）绘制图形。
更多介绍，可以参考MDN的文档。
这个系列我希望写一个简单的画图功能，并不是很困难，但是基本功能都会有接触。先来看一下成品：
可以看到，涵盖了普通形状，箭头形状，橡皮，以及文字，就是一个简单而又不失功能的画板。
那么开始学习canvas吧。
一个简单的canvas页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewp
最低0.47元/天 解锁文章
3346
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
