Javascript 从预览窗口中获取图像或画布
我正在使用一个很酷的工具,名为。这就是我已经做到的: 现在,通过单击“导出”按钮,我想更改Javascript 从预览窗口中获取图像或画布,javascript,jquery,image,crop,getelementbyid,Javascript,Jquery,Image,Crop,Getelementbyid,我正在使用一个很酷的工具,名为。这就是我已经做到的: 现在,通过单击“导出”按钮,我想更改窗口。打开(imageData)操作,并将预览图像作为一个独立的站立图像显示在所有这些下面。换言之,我想拍摄它的快照,每次我更改预览并单击按钮时,快照也会更改 你知道如何处理这个问题吗?你可以创建一个到imageData,将新创建的图像附加到文档中 code.reloado.com 文章 在一边 图形 页脚, 标题, hgroup, 菜单, 导航, 部分{ 显示:块; } .腋窝预览{ 宽度:360p
窗口。打开(imageData)
操作,并将预览图像作为一个独立的站立图像显示在所有这些下面。换言之,我想拍摄它的快照,每次我更改预览并单击按钮时,快照也会更改
你知道如何处理这个问题吗?你可以创建一个
到imageData
,将新创建的图像附加到文档中
code.reloado.com
文章
在一边
图形
页脚,
标题,
hgroup,
菜单,
导航,
部分{
显示:块;
}
.腋窝预览{
宽度:360px;
高度:360px;
}
出口
$(“#图像裁剪器”).cropit();
$('.export')。单击(函数(){
var imageData=$(“#图像裁剪器”).cropit('export');
控制台日志(imageData);
$("
什么是“获取预览图像”?通过上传图像,您可以在预览窗口中移动和缩放图像。预览图像指的是预览的状态。您可以将数据URI
存储在var imageData=$('.'图像裁剪器').cropit('export');
var imageData=$('.'图像裁剪器').cropit('export')).toDataURL
像这样吗?不,$(“#图像裁剪器”).cropit('export')
已返回一个数据URI
。请尝试var imageData=$('#图像裁剪器')。cropit('export');console.log(imageData)