如何保存畫布圖像

Question

我正在與fabric.js和創建一個定製的產品，但我不能保存圖像和div的和存在於畫布上... 我的問題是如何保持圖像存在在畫布上作爲圖像。 ？

<!-- EDITOR  --> 
<!--manipular div tranasparente--> 
<div id="shirtDiv" class="page" style="width: 530px; height: 630px; position: relative; background-color: rgb(255, 255, 255);"> 
    <!----> 
    <img id="tshirtFacing" src="<?php echo $this->helper('catalog/image')->init($_product, 'image') ?>"></img> 
    <!--**********************************************************--> 
    <div id="drawingArea" style="position: absolute;top: 100px;left: 160px;z-index: 10;width: 200px;height: 400px;"> 
     <!--area de canvas--> 
     <canvas id="lienzo" width=200 height="400" class="hover" style="-webkit-user-select: none;"></canvas> 
    </div> 

</div> 

---

Image

Answer 1

HTMLCanvasElement.toDataURL()該方法返回包含在由所述類型參數（默認爲PNG）指定的格式的所述圖像的表示的數據的URI。返回的圖像分辨率爲96 dpi。

var canvas = document.getElementById("lienzo"); 
var data = canvas.toDataURL("image/jpeg"); 

希望這會幫助你。