Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从预览窗口中获取图像或画布_Javascript_Jquery_Image_Crop_Getelementbyid - Fatal编程技术网

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)