我不知道為什么這不起作用。圖像的 src 屬性隨新數(shù)據(jù)而變化，但圖像實際上并不可見。我嘗試了幾種不同的圖像。它只是瀏覽器中的 javascript 并且需要 Jquery。<body><img src="" id="test"></body><script> const canvas = document.createElement("canvas"); const ctx = canvas.getContext("2d"); let img = new Image(); img.onload = getIt img.src = 'download.png'; function getIt() { canvas.width = this.width; canvas.height = this.height; const imageData = ctx.getImageData(0, 0, this.width, this.height); ctx.drawImage(this, canvas.width , canvas.height); ctx.putImageData(imageData, canvas.width, canvas.height); $('#test').get(0).src = canvas.toDataURL("image/png"); }</script>我嘗試了幾種不同的圖像，都是 png。目前這是該項目的完整代碼，所以我不認為有任何可能會干擾它的代碼。結(jié)果是這樣，但看不到圖像：<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAeCAYAAAAhDE4sAAAAMklEQVRIS+3SsQ0A....etc" id="test">編輯：似乎它可能會錯誤地從圖像中獲取數(shù)據(jù)，但我不知道為什么......我的意思是為什么它會獲取數(shù)據(jù)但不完整或不正確？
Javascript Canvas 從圖像中獲取數(shù)據(jù)并顯示它
有只小跳蛙
2021-06-23 17:15:00
