2

ホッケー グローブの色をカスタマイズして JPEG にエクスポートするために書いている非常に単純なアプリがあります。しかし、jpeg ファイル形式は機能していないようで、奇妙な理由で左下の画像しか表示されません。ここにURLがあります：

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