Html5 canvas生成图片,通过java进行保存
来源:互联网 发布:断电后mysql无法启动 编辑:程序博客网 时间:2024/05/24 16:14
找到canvas对象,通过canvas对象的toDataURL获取图片信息
var canvas = document.getElementById("vjs-key-frame");var dataURL = canvas.toDataURL("image/png");
得到的图片信息如:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICA…
需要截取掉前面的内容:data:image/png;base64,(注意有逗号)
var imageDateB64 = keyFrameDataUrl.substring(22);
然后用ajax将截取后的数据传到后台
这里是用的JAVA,得到数据后转码,因为canvas给返回的数据是base64编码的数据,解码后生成图片
BASE64Decoder decoder = new BASE64Decoder();byte[] b = decoder.decodeBuffer(imageDataurl);//转码得到图片数据ByteArrayInputStream bais = new ByteArrayInputStream(b);BufferedImage bi1 = ImageIO.read(bais);File w2 = new File("D://test.png");ImageIO.write(bi1, "png", w2);
0 0
- Html5 canvas生成图片,通过java进行保存
- 前台js(canvas)生成图片,通过后台java进行保存
- 用html5的canvas生成图片并保存到本地
- html5 canvas图像保存为图片文件
- html5 canvas实现在线生成图片后保存到服务器(数据库)
- HTML5 Canvas通过JS旋转图片
- HTML5 canvas生成图片马赛克特效插件
- 【图片压缩】使用canvas,html5进行图片压缩
- 将HTML5 Canvas的内容保存为图片
- HTML5 canvas画图并保存成图片插件
- HTML5 Canvas的内容保存为图片toDataURL()
- 将HTML5 Canvas的内容保存为图片
- 将HTML5 Canvas的内容保存为图片
- 将HTML5 Canvas的内容保存为图片
- 使用HTML5 canvas 标签进行图片裁剪、旋转、缩放
- HTML5 canvas获取图片
- html5 canvas显示图片
- html5 canvas 图片压缩
- poj 1724 Roads
- 双向队列
- iPad 弹出照片控制器失败
- BOM
- 编写docker-compose.yml需要注意的问题
- Html5 canvas生成图片,通过java进行保存
- java 使用全局过滤器Filter之后 防止css文件与js文件被过滤
- leetcode single Number
- python中*args **kwargs的使用
- logrotate使用
- Spring定时任务的几种实现
- BOM属性
- Java中使用Jedis操作Redis
- uva 340