HTML5 canvas获取图片
2014-05-06 11:24
274 查看
//将图像输出为base64压缩的字符串 默认为image/png
var data = canvas.toDataURL(); // returns "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt..."
//var data = canvas.toDataURL('image/jpeg'); //returns "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAA..."
//删除字符串前的提示信息 "data:image/png;base64,"
var b64 = data.substring( 22 );
//POST到服务器上,生成图片
$.post( "save.aspx" , { data : b64, name : filename }, function(){
//OK
});
相关文章推荐
- HTML5之Canvas绘图——获取Canvas画布的图片
- HTML5画布Canvas图片抽取、像素信息获取、命中检测
- 使用的是html5的canvas将文字转换成图片
- HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
- [js高手之路] html5 canvas动画教程 - 实时获取鼠标的当前坐标
- html5 FileReader+Canvas 前端压缩图片(IE9及以下浏览器不支持)
- HTML5 移动开发 ------ Canvas 9.3 绘制图片
- html5 canvas图片缩放,拖拽
- HTML5图片canvas等比例缩放后上传
- 基于HTML5 Canvas实现的图片马赛克模糊特效
- HTML5应用-----canvas 实例,图片旋转 IE+ FF OP CH 兼容
- HTML5 本地裁剪图片并上传至服务器 canvas图片上传 canvas图片裁剪
- HTML5 canvas 9绘制图片实例详解
- html5 canvas 自定义画图裁剪图片
- Wadda:基于 HTML5 Canvas 的图片放大镜
- HTML5 Canvas之图片引用
- JavaScript+html5 canvas实现图片破碎重组动画特效
- html5<canvas在画布上画视频和图片>
- HTML5使用canvas画图时,图片被自动放大模糊的问题
- [js高手之路] html5 canvas系列教程 - 图片操作(drawImage,clip,createPattern)