Canvas数据转图片
来源:互联网 发布:js金沙国际 编辑:程序博客网 时间:2024/05/20 17:40
js中处理:
var image = document.getElementById("imageid");
image.src = canvas.toDataURL("image/png");
image则会显示canvas所画的图片
java中处理:
将canvas.toDataURL()得到的数据传入java中,想得到png格式的图片:
String base64data = "data:image/png;base64,***图像编码数据**";
String imageData=base64data.split(",")[1]; // 将data:image/png;base64等编码格式信息去掉
BASE64Decoder decoder = new BASE64Decoder();
byte[] imgBytes = decoder.decodeBuffer(imageData);
for (int i = 0; i < imgBytes.length; ++i) {
if (imgBytes[i] < 0) {// 调整异常数据
imgBytes[i] += 256;
}
}
//保存特定的目录下面
String imagepath ="D:";
System.out.println("imagepath="+imagepath);
File dir=new File(imagepath);
if(!dir.exists()){
dir.mkdirs();
}
String filename=new Date().getTime()+".png";
File decFile = new File(imagepath+"\\"+filename);
String dd=decFile.getAbsolutePath();
if(decFile.exists()){
decFile.delete();
}
decFile.createNewFile();
FileOutputStream ops = new FileOutputStream(decFile);
ops.write(imgBytes, 0, imgBytes.length);
ops.flush();
ops.close();
} catch (IOException e) {
e.printStackTrace();
}
在d盘中会得到相应的图片
- Canvas数据转图片
- canvas加载base64字符串图片 canvas转base64图片错误
- js(网页,代码,canvas)转图片
- canvas拖动图片
- HTML5 canvas获取图片
- html5 canvas显示图片
- html canvas压缩图片
- canvas控制图片缩放
- canvas 图片旋转
- canvas 图片 文字 合成
- 图片编辑canvas
- Canvas加载图片
- canvas 绘制图片
- canvas图片数字计时
- canvas 绘制半透明图片
- 使用canvas压缩图片
- canvas绘制图片详解
- canvas操作图片像素
- android share
- [ExtJS5学习笔记]第二十节 Extjs5配合数组的push方法,动态创建并加载组件
- 自己收集些有用的东西
- 多线程下载文件
- LeetCode:Candy
- Canvas数据转图片
- 线程生命周期
- 问题5:RAC + ASM环境下,多路复用控制文件
- 服务器Button执行js方法
- 谷歌开源项目Chromium的源码获取与项目构建(Win7+vs10/vs13)
- 二叉排序树的创建,删除结点;树的前序,中序,后序非递归遍;二叉树的线索化
- C++ - 继承虚函数调用 代码
- 寻找二叉树两个结点的最低共同父节点
- 为PHP开发C语言扩展