div到圖像下載

-4

我有問題把圖像中的div。問題是我想讓div可下載（右鍵單擊，下載爲圖像或按鈕）。這是我的div，我想要「可下載」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>

我希望有一些建設性的建議。

來源

2015-10-03 Ales

看起來像一個'可下載的'DIV？你能解釋一下你的預期行爲嗎？你想下載相關的DIV HTML或什麼？ –

第一件事是如何告訴瀏覽器div的內容可下載爲圖片 – Ales

您可以將HTML內容呈現到畫布中，但是對於特定屬性支持有一些限制。這裏是一個使用HTML2Canvas插件的例子：http://jsfiddle.net/fMeRC/1/ –

您可以使用HTML2Canvas JS庫將HTML轉換爲畫布，然後使用toDataURI（）JavaScript函數將畫布導出爲數據URI。該數據URI字符串可以呈現爲可下載的圖像。 P. S：我已經嘗試過了，它完美地工作。 ☺

來源

2015-10-03 10:30:20 uz4ir

div到圖像下載

回答

相關問題