toDataURL返回不同於預期的base64值

如果我使用this tool查看test.png文件的base64編碼，我得到的base64字符串與我在HTML畫布上繪製該png並對toDataURL執行操作時不同。這是爲什麼？我應該如何繪製PNG到畫布上，然後保存它，如果toDataURL給我不正確的結果？toDataURL返回不同於預期的base64值

謝謝。

來源

2011-12-22 Arthur Royale

您是如何使用畫布上下文繪製圖像的？
我覺得不同的是你畫的圖像不同尺寸
context.drawImage(imageObj,destX,destY);
保持你的畫布的寬度和高度的原始圖像大小的確切大小，它會沒事

來源

2011-12-22 00:55:58 Lanston

我圖像佈置爲400×400但在我的代碼中，我將它縮放到600x600像這樣：
'code' mycanvas = document.getElementById（「mycanvas」）; mycanvas_context = mycanvas.getContext（「2d」）; var image = new Image（）; image.onload = function（）{mycanvas_context.drawImage（image，0，0，600，600）; }; image.src ='images/test.png'; final_image = mycanvas.toDataURL（「image/jpeg」）; – 2011-12-22 03:42:46

我只是試圖將圖像縮放到600x600。即與我的畫布尺寸相同，當我將其保存時，仍然會看到空白圖像。 – 2011-12-22 04:29:08

對不起，請給我一個jsfiddle地址 – Lanston 2011-12-22 09:15:07

toDataURL返回不同於預期的base64值

回答

相關問題