2

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

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

4

1 回答 1

0

它应该以这种方式工作:

     stage.toDataURL({
        mimeType: "image/jpeg",
        quality: 1.0,
        callback: function(dataUrl) {
             ...
        }
      });
于 2014-05-19T22:32:10.613 回答