我想在javascript中創建一個黑色（或白色，我真的不在乎“顏色”）1x1px影像，我嘗試使用它var img = new Image(1,1)但我不知道如何將影像的源img.src分配為全黑（我不想使用檔案，我想用JS代碼生成）。
有辦法做到這一點嗎？
uj5u.com熱心網友回復：
我找到了：
var image = document.createElement('canvas').getContext('2d').getImageData(0,0,1,1);
我會讓問題開放，以了解是否有其他方法可以做到這一點。
我使用的來源：
CanvasRenderingContext2D.createImageData()
CanvasRenderingContext2D.getImageData()
uj5u.com熱心網友回復：
類似地，您可以在畫布中執行影像操作，然后將包含影像表示的資料 URI 傳遞給 HTML 影像以進行實際渲染。
const imgWidth = 1;
const canvas = document.createElement("canvas");
canvas.width = imgWidth;
canvas.height = imgWidth;
const ctx = canvas.getContext('2d');
ctx.fillStyle = 'black';
ctx.fillRect(0,0,imgWidth,imgWidth);
const url = canvas.toDataURL();
const newImg = document.createElement("img");
newImg.src = url;
document.body.insertBefore(newImg, null);uj5u.com熱心網友回復：
您還可以base64 encoded使用image.src.
var image = new Image(10, 10);
image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk A8AAQUBAScY42YAAAAASUVORK5CYII=";
document.body.appendChild(image);轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/475583.html
標籤：javascript 图片