画布
2017-11-02
488
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
http://www.w3school.com.cn/html5/html_5_canvas.asp
目录
相关文章
|
2月前
|
5月前
|
前端开发
|
5月前
|
前端开发
|
7月前
|
前端开发
小程序
|
移动开发
前端开发
JavaScript
实现一个前端小画布
# canvas的介绍
在HTML5中` canvas `元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.
`<canvas>` 标签只是图形容器，您必须使用脚本来绘制图形。
可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。
# 鼠标事件
我们可以分别控制三个鼠标事件来控制绘画的状态
## mouseup
这是绑定的鼠标抬起的事件，鼠标抬起后会触发
## mousedown
这是绑定的鼠标摁下的事件，鼠标摁下后会触发
## mousemove
这是绑定的鼠标移动的事件，鼠标移动时会触发
## 一个小实验
```
<!DOC
168
0
0
|
前端开发
算法
JavaScript
|
JavaScript
|
前端开发
API
热门文章
最新文章
1
天猫精灵开放平台-之小百科测评
2
语义检索系统：基于Milvus 搭建召回系统抽取向量进行检索，加速索引
3
3D立方体图片切换动画
4
模态对话框和非模态对话框
5
java03
6
冒泡排序
7
Windows XP客户端加域操作手册上
8
微信 6.5.1 for iOS发布 可以在朋友圈分享相册中的视频
9
Chapter 1: Creating the GUI Form and Adding Widgets
10
【Mockplus教程】帐号和购买
1
「Mac畅玩鸿蒙与硬件43」UI互动应用篇20 - 闪烁按钮效果
36
2
转载：【AI系统】AI的领域、场景与行业应用
39
3
记录一次holo视图与物化视图的区别
32
4
Selenium IDE：Web自动化测试的得力助手
38
5
活动实践 | 西游再现，函数计算一键部署 Flux 超写实文生图模型部署
35
6
【实践】体验RDS通用云盘核心能力
24
7
活动实践 | 告别资源瓶颈，函数计算驱动多媒体文件处理测评
24
8
产品测评 | ECS的健康保障新助手——云服务诊断
33
9
如何构建媲美通义千问在线接口的qwen-max智能体
37
10
R中单细胞RNA-seq分析教程 (5)
27