canvas-demo:通过拖拽绘制矩形,通过拖拽移动矩形,保存canvas画布为图片

时间:2024-05-19 15:06:46
【文件属性】:

文件名称:canvas-demo:通过拖拽绘制矩形,通过拖拽移动矩形,保存canvas画布为图片

文件大小:10KB

文件格式:ZIP

更新时间:2024-05-19 15:06:46

JavaScript

canvas-demo   本示例是源于项目的一个需求做的一个demo。初衷只是为了实现通过拖拽绘制用户所需大小的矩形,后面就继续完善了一下功能。目前实现了通过拖拽绘制矩形、移动画布上现有的矩形、保存当前画布、撤销与反撤销   canvas是HTML5新增的元素,是HTML5 的一大亮点,canvas翻译过来其实就是画布的意思,它可以替代flash,制作网页的很多动画效果以及游戏。渲染效率非常高,不像flash要在游览器安装flash adobe插件,canvas不需要安装任何插件即可渲染这个动画。目前所有主流游览器都支持canvas。 canvas常用api canvas的基础用法大家可以去查看文档,相信会看文档的人都会用了。以下列出了常用的几个api。 // ctx为canvas上下文对象 ctx.beginPath() // 开始一个路径 ctx.moveTo(x,y) // 路径移


【文件预览】:
canvas-demo-master
----index.html(694B)
----README.md(28KB)
----index.js(5KB)

网友评论