TAG
CSS
JavaScript
Result
Run
License
<canvas id="mycanvas" width="200" height="200"></canvas>
canvas { border: 1px solid #CCC; }
window.addEventListener("load", function() { const elCanvas = document.getElementById("mycanvas"); const context = elCanvas.getContext("2d"); const imgData = context.createImageData(100, 100); let aColor = []; aColor[0] = [190, 0, 210, 255]; aColor[1] = [100, 0, 210, 255]; let half = imgData.data.length / 2; for(let i = 0; i < imgData.data.length; i += 4) { let idx = half < i ? 0 : 1; imgData.data[i + 0] = aColor[idx][0]; imgData.data[i + 1] = aColor[idx][1]; imgData.data[i + 2] = aColor[idx][2]; imgData.data[i + 3] = aColor[idx][3]; } context.putImageData(imgData, 50, 50); });
Console
expand_less
License
License
by DevDic
Close