Question

我在图像中放置div有问题。问题是我想将div设为可下载（右键单击，下载为图像或按钮）。这是我希望成为＆＃34;可下载＆＃34;

的div

<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>

我希望提出一些有建设性的建议。

Answer 1

您可以使用HTML2Canvas JS库将HTML转换为画布，然后，您可以使用toDataURI（）JavaScript函数将画布导出到数据URI。然后，该数据URI字符串可以呈现为可下载的图像。 P. S：我已经尝试过了，它完美无缺。 ☺

div到图像下载

1 个答案: