KineticJS stage.toDataURL() 适用于 mimeType png 但不适用于 jpeg答案

【问题标题】：KineticJS stage.toDataURL() works with mimeType png but not jpegKineticJS stage.toDataURL() 适用于 mimeType png 但不适用于 jpeg
【发布时间】：2014-05-20 06:32:10
【问题描述】：

我正在编写一个非常简单的应用程序，用于自定义曲棍球手套上的颜色并将其导出为 JPEG。但是 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>

完整的代码可以在上面的链接中看到。

【问题讨论】：

标签： javascript html canvas svg kineticjs

【解决方案1】：

它应该这样工作：

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

【讨论】：