Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/swift/19.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 要下载的图像的div_Javascript_Jquery_Html - Fatal编程技术网

Javascript 要下载的图像的div

Javascript 要下载的图像的div,javascript,jquery,html,Javascript,Jquery,Html,我在图像中输入div时遇到问题。问题是,我想使div成为可下载的(右键单击、下载为图像或on按钮)。这是我的div,我想“下载” B 我希望得到一些建设性的建议。您可以使用HTML2Canvas JS库将HTML转换为画布,然后,您可以使用todata()JavaScript函数将画布导出为数据URI。然后可以将该数据URI字符串显示为可下载的图像。 我试过了,效果很好。☺ 看起来像一个“可下载”的DIV?你能更好地解释你预期的行为吗?您想下载相关的DIV HTML或什么???第一件事是如何

我在图像中输入div时遇到问题。问题是,我想使div成为可下载的(右键单击、下载为图像或on按钮)。这是我的div,我想“下载”


B

我希望得到一些建设性的建议。

您可以使用HTML2Canvas JS库将HTML转换为画布,然后,您可以使用todata()JavaScript函数将画布导出为数据URI。然后可以将该数据URI字符串显示为可下载的图像。
我试过了,效果很好。☺

看起来像一个“可下载”的DIV?你能更好地解释你预期的行为吗?您想下载相关的DIV HTML或什么???第一件事是如何告诉浏览器DIV的内容可以作为图像下载您可以将HTML内容呈现到画布中,但在特定属性支持方面有一些限制。下面是一个使用HTML2Canvas插件的示例:图像仍然无法渲染。。。我不知道为什么这是限制的一部分。画布受跨域来源策略的约束。您可以代理it服务器端的图像,使它们与页面具有相同的域,或者如果您自己的图像来自不同的服务器,则启用CORS。阅读此文,了解一些想法:
<div style="display: block; background-color: transparent; background-repeat: no-repeat; background-image: url(&quot;images/fujairah-plates.png&quot;); background-size: contain; min-height: 90px;" class="" id="plate">      
          <div id="plate2"></div>             
          <div class="letter-left draw_code" id="draw_code">&nbsp;B</div>
          <div class="letter-right draw_num" id="draw_num">&nbsp;</div></div>