没有合适的资源?快使用搜索试试~ 我知道了~
JS实现HTML5 Canvas图像数据和图片的互相转化
共3个文件
html:1个
js:1个
css:1个
需积分: 33 4 下载量 162 浏览量
2019-08-23
17:10:41
上传
评论
收藏 3KB RAR 举报
温馨提示
这篇文章了我将介绍一下如何将一张图片拷贝到canvas里,以及反过来,如何将画布内容保存成图片格式。 使用JavaScript将图片拷贝进画布 要想将图片放入画布里,我们使用canvas元素的drawImage方法: // Converts image to canvas; returns new canvas element function convertImageToCanvas(image) { var canvas = document.createElement("canvas"); canvas.width = image.width; canvas.height = image.height; canvas.getContext("2d").drawImage(image, 0, 0); return canvas; } 这里的0, 0参数画布上的坐标点,图片将会拷贝到这个地方。 用JavaScript将画布保持成图片格式 如果你的画布上的作品已经完成,你可以用下面简单的方法将canvas数据转换成图片格式: // Conver[......] 阅读全文>>
资源推荐
资源详情
资源评论
收起资源包目录
css3-bootstrap-dropdown-menu.rar (3个子文件)
css3-bootstrap-dropdown-menu
index.html 3KB
js
index.js 211B
css
style.css 6KB
共 3 条
- 1
资源评论
weixin_38744375
- 粉丝: 372
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功