{"ScriptPreparationCode":"var canvas = document.getElementById(\u0022canvas\u0022);\r\nvar ctx = canvas.getContext(\u00272d\u0027);\r\n\r\nfunction draw() {\r\n ctx.beginPath();\r\n\t\t\t\tctx.rect(4, 4, 50, 50);\r\n ctx.lineWidth = 4\r\n ctx.fillStyle = \u0022green\u0022;\r\n ctx.strokeStyle = \u0022black\u0022;\r\n ctx.stroke();\r\n ctx.fill();\r\n}\r\n \r\ndraw();\r\nvar x = 0;","TestCases":[{"Name":"translate","Code":"ctx.clearRect(0, 0, 200, 200);\r\n \tctx.save();\r\n ctx.translate(x\u002B\u002B, 0);\r\n \tdraw();\r\n ctx.restore();","IsDeferred":false},{"Name":"left","Code":"canvas.style.left = (x\u002B\u002B) \u002B \u0027px\u0027;","IsDeferred":false}]}