{"ScriptPreparationCode":"var canvasOne = document.getElementById(\u0022canvasOne\u0022);\r\nvar ctxOne = canvasOne.getContext(\u00222d\u0022);\r\n\r\nvar canvasTwo = document.getElementById(\u0022canvasTwo\u0022);\r\nvar ctxTwo = canvasTwo.getContext(\u00222d\u0022);\r\n\r\nvar canvasThree = document.getElementById(\u0022canvasThree\u0022);\r\nvar ctxThree = canvasThree.getContext(\u00222d\u0022);\r\n\r\nvar canvasFour = document.getElementById(\u0022canvasFour\u0022);\r\nvar ctxFour = canvasFour.getContext(\u00222d\u0022);","TestCases":[{"Name":"RGBa","Code":"ctxOne.fillStyle = \u0027rgba(255, 255, 255, 0.3)\u0027;\r\nctxOne.fillRect(0, 0, 400, 400);\r\n\r\nctxOne.beginPath();\r\nctxOne.fillStyle = \u0027rgba(231, 76, 60, 0.1)\u0027;\r\nctxOne.arc(200, 200, 100, 0, Math.PI * 2, true);\r\nctxOne.fill();","IsDeferred":false},{"Name":"RGB","Code":"ctxTwo.fillStyle = \u0027rgba(255, 255, 255, 0.3)\u0027;\r\nctxTwo.fillRect(0, 0, 400, 400);\r\n\r\nctxTwo.beginPath();\r\nctxTwo.fillStyle = \u0027rgb(249, 206, 201)\u0027;\r\nctxTwo.arc(200, 200, 100, 0, Math.PI * 2, true);\r\nctxTwo.fill();","IsDeferred":false},{"Name":"Hex","Code":"ctxThree.fillStyle = \u0027rgba(255, 255, 255, 0.3)\u0027;\r\nctxThree.fillRect(0, 0, 400, 400);\r\n\r\nctxThree.beginPath();\r\nctxThree.fillStyle = \u0027#f9cec9\u0027;\r\nctxThree.arc(200, 200, 100, 0, Math.PI * 2, true);\r\nctxThree.fill();","IsDeferred":false},{"Name":"HSL","Code":"ctxFour.fillStyle = \u0027rgba(255, 255, 255, 0.3)\u0027;\r\nctxFour.fillRect(0, 0, 400, 400);\r\n\r\nctxFour.beginPath();\r\nctxFour.fillStyle = \u0027hsl(15, 90%, 64%)\u0027;\r\nctxFour.arc(200, 200, 100, 0, Math.PI * 2, true);\r\nctxFour.fill();","IsDeferred":false}]}