时间：2021-07-01 10:21:17 帮助过：5人阅读
今天，你将学习一项称为Canvas（画布）的web技术，以及它和文档对象模型（通常被称为DOM）的关联。这项技术非常强大，因为它使web开发人员能够通过使用JavaScript访问和修改HTML元素。
现在你可能想知道为什么我们需要大刀阔斧地使用JavaScript。简而言之，HTML和JavaScript是相互依存的，一些HTML组件，如canvas元素，并不能脱离JavaScript单独使用。毕竟，如果我们不能在上面绘图，那canvas能派什么用处呢？
为了更好地理解这个概念，我们一起通过一个示例项目来尝试画一个简单的笑脸。让我们开始吧。
开始
首先创建一个新目录来保存你的项目文件，然后打开你最喜欢的文本编辑器或web开发工具。一旦你这样做了,你应该创建一个空的index.html和一个空的script.js,之后我们将继续编辑。
接下来，我们来修改index.html文件，这不会涉及很多东西，因为我们项目的大部分代码将用JavaScript编写。我们需要在HTML中做的是创建一个canvas元素和引用script.js，这相当直截了当：