Question

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

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

Answer 1

它应该以这种方式工作：

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

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

1 个答案: