master pid1 di1 pid2 di2

{"ScriptPreparationCode":"var master = document.getElementById(\u0027master\u0027);\r\nvar masterctx = master.getContext(\u00272d\u0027);\r\nvar pid = document.getElementById(\u0027pid\u0027).getContext(\u00272d\u0027);\r\nvar di = document.getElementById(\u0027di\u0027).getContext(\u00272d\u0027);\r\nvar pid2 = document.getElementById(\u0027pid2\u0027).getContext(\u00272d\u0027);\r\nvar di2 = document.getElementById(\u0027di2\u0027).getContext(\u00272d\u0027);\r\n\r\nmasterctx.fillRect(0,0,50,50);\r\nmasterctx.fillStyle = \u0022red\u0022;\r\nmasterctx.fillRect(50,50,100,100);","TestCases":[{"Name":"DrawImage whole master into di canvas ","Code":"di.drawImage(master,0,0);","IsDeferred":false},{"Name":"PutImageData whole master into pid canvas","Code":"let imgData = masterctx.getImageData(0,0,100,100);\r\npid.putImageData(imgData,0,0);","IsDeferred":false},{"Name":"DrawImage half master into di2 canvas","Code":"di2.drawImage(master,25,0,50,100,25,0,50,100);","IsDeferred":false},{"Name":"PutImageData half master into pid2 canvas","Code":"let imgDatas = masterctx.getImageData(25,0,50,100);\r\npid2.putImageData(imgDatas,25,0);","IsDeferred":false}]}