asc0910 · October 11, 2023 07:38
diff --git a/README.md b/README.md
diff --git a/index.css b/index.css
 /*bug-in-github-api-content-can-not-be-empty*/
diff --git a/index.html b/index.html
 <canvas id="myCanvas" width="500" height="500" style="border:1px solid grey"></canvas>
diff --git a/index.js b/index.js
 var img = document.createElement('img');
 img.src = 'https://i.ibb.co/8rZkxw8/vignette.png';
 img.onload = () => {
  const c = document.getElementById("myCanvas");
  const ctx = c.getContext("2d");
  ctx.fillStyle = "#BC95F8";
  ctx.fillRect(0, 0, 500, 500);
  ctx.globalCompositeOperation = "overlay";
  ctx.drawImage(img, 0, 0, 500, 500);
 }
diff --git a/jsGist.json b/jsGist.json
 {"name":"My jsGist","settings":{},"filenames":["index.html","index.css","index.js"]}
	var img = document.createElement('img');
	img.src = 'https://i.ibb.co/8rZkxw8/vignette.png';
	img.onload = () => {
	const c = document.getElementById("myCanvas");
	const ctx = c.getContext("2d");
	ctx.fillStyle = "#BC95F8";
	ctx.fillRect(0, 0, 500, 500);
	ctx.globalCompositeOperation = "overlay";
	ctx.drawImage(img, 0, 0, 500, 500);
	}