使用 canvas.toDataURL() 將畫布另存為影像
建立 Web 應用程式通常需要能夠將畫布另存為影像。 canvas.toDataURL() 提供了將畫布元素轉換為圖像資料 URL 的方法。但是，您在使用此功能時可能會遇到問題。
一個常見的問題是無法正確保存影像。要解決此問題，請考慮以下程式碼：
<code class="js">function putImage() {
var canvas1 = document.getElementById("canvasSignature");
var ctx = canvas1.getContext("2d");
// Change the format of the dataURL to "image/octet-stream" instead of "image/png".
var myImage = canvas1.toDataURL("image/octet-stream").replace("image/png", "image/octet-stream");
var imageElement = document.getElementById("MyPix");
imageElement.src = myImage;
}</code>透過將 dataURL 格式轉換為“image/octet-stream”，可以確保影像可以正確保存在本地。
以上是如何使用'canvas.toDataURL()”將畫布另存為圖像？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
