KineticJS stage.toDataURL（）适用于mimeType png，但不适用于jpeg

我有一个非常简单的应用程序，用于自定义曲棍球手套上的颜色并将其导出为JPEG。然而，jpeg文件格式似乎并没有工作，出于某种奇怪的原因，它只显示左下角的图像。这里是网址：KineticJS stage.toDataURL（）适用于mimeType png，但不适用于jpeg

http://jtdsdev.com/glove_customizer/canvas-test2.html

下面是一些示例代码：

JS

function draw(){ 
.... 
code to draw paths 
.... 
document.getElementById("preview").addEventListener("click", function() { 
     stage.toDataURL({ 
     mimeType: "image/jpeg", 
     quality: 1, 
     callback: function(dataUrl) { 
       document.getElementById("img_preview").src = dataUrl; 
     } 
     }); 
    }, false); 
}

HTML

<body style="background-color:white"> 
    <div id="container"> 
    <button id="preview" name="preview" >Preview</button> 
    <br> 
    <img id="img_preview"> 
    </div> 
.... 
</body>

完整的代码可以在可见上面的链接。

来源

2012-08-14 Falantar014

它应该是这样的：

 stage.toDataURL({ 
     mimeType: "image/jpeg", 
     quality: 1.0, 
     callback: function(dataUrl) { 
      ... 
     } 
     });

来源

2014-05-19 22:32:10 confile

KineticJS stage.toDataURL（）适用于mimeType png，但不适用于jpeg

回答

相关问题