HTML5 canvas制作简单的黑板特效

最新推荐文章于 2021-06-28 20:07:11 发布

davechan_528

最新推荐文章于 2021-06-28 20:07:11 发布

阅读量2.1k

点赞数

分类专栏： html5 canvas

本文链接：https://blog.csdn.net/ccj1990528/article/details/44962215

版权

本文介绍如何使用HTML5的canvas元素创建简单的黑板涂鸦效果，适合canvas初学者。通过代码实例和详细讲解，展示了canvas的基础用法。

摘要由CSDN通过智能技术生成

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">       最近一直在做关于H5 canvas的一些demo，正好碰到有人在讨论高中时候的学生时代，就想做一个那时候看的最多的东西----黑板。</span>

这个效果其实很简单，应该是canvas入门都会做得东西，但是还是比较好玩的，废话不多说了，开始贴代码以及讲解过程。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>无标题文档</title>
<script src="js/main.js"></script>
<style>
	*{ margin:0; padding:0;}
	#myID{borde