h5 canvas画布、setInterval定时器、addEventListener事件

最新推荐文章于 2024-01-12 15:39:05 发布

古朴淡月

最新推荐文章于 2024-01-12 15:39:05 发布

阅读量3.9k

点赞数 1

本文链接：https://blog.csdn.net/huxia4815/article/details/78638240

版权

本文介绍了HTML5 Canvas的基本使用，包括绘制圆圈和清除画布。同时，详细讲解了事件处理，如点击事件和键盘按下事件的监听与响应。此外，还展示了如何使用`setInterval`定时器改变元素背景颜色。通过对画布的交互和定时器的运用，展示了动态效果的实现。

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

事件：

一个事件可以分为以下几点:

事件源、事件名、事件的注册、事件的处理。

西点发生火灾事件

事件源是西点

事件名：火灾

事件的注册：西点归大桥站消防武警管理，这个管理是在发生事件前就分配好的。所以是他们来处理。

事件处理：喷水

点击事件：

事件的名字就叫click

获取事件源，点=谁发生了什么事

Element.addEventListener（‘事件名’，function（）{事件的处理}）

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div{
            width:30px;
            height:20px;
            font-size:3px;
            font-color:black;
        }
        #canvas{
            background-color:blue;
        }

    </