HTML CSS JS
{"ScriptPreparationCode":"const canvas = document.getElementById(\u0027game\u0027);\r\nconst ctx = canvas.getContext(\u00272d\u0027);","TestCases":[{"Name":"no-hd 97.4KB 512x512","Code":"const img1 = new Image();\r\n \r\nimg1.src = \u0022https://i.ibb.co/QQC0N8h/poppyns.png\u0022; // no-hd 97.4KB\r\nimg1.onload = () =\u003E {\r\n ctx.save();\r\n\r\n const x = 150; \r\n const y = 150; \r\n const radius = 455;\r\n\r\n ctx.beginPath();\r\n ctx.arc(x, y, radius, 0, Math.PI * 2, true);\r\n ctx.closePath();\r\n ctx.clip();\r\n\r\n ctx.drawImage(img1, x - radius, y - radius, radius * 2, radius * 2);\r\n ctx.restore();\r\n};","IsDeferred":false},{"Name":"hd-version 433KB - 512x512","Code":"const img2 = new Image();\r\n \r\nimg2.src = \u0022https://i.ibb.co/VVB6ttB/poppyns.png\u0022; // no-hd 97.4KB\r\nimg2.onload = () =\u003E {\r\n ctx.save();\r\n\r\n const x = 150; \r\n const y = 150; \r\n const radius = 455;\r\n\r\n ctx.beginPath();\r\n ctx.arc(x, y, radius, 0, Math.PI * 2, true);\r\n ctx.closePath();\r\n ctx.clip();\r\n\r\n ctx.drawImage(img2, x - radius, y - radius, radius * 2, radius * 2);\r\n ctx.restore();\r\n};","IsDeferred":false}]}