Test case details

Preparation Code

<canvas id="canvas1" width="500" height="500"> </canvas> <canvas id="canvas2" width="500" height="500" style='display:none'></canvas <script>   var can = document.getElementById('canvas1');   var ctx = can.getContext('2d');   var can2 = document.getElementById('canvas2');   var ctx2 = can2.getContext('2d');   </script>

Test cases

Test #1

ctx.beginPath(); ctx.strokeStyle = 'red'; ctx.lineWidth = 4; ctx.moveTo(10, 10); ctx.lineTo(10, 30); ctx.lineTo(30, 30); ctx.lineTo(40, 70); ctx.quadraticCurveTo(72, 43, 22, 12); ctx.quadraticCurveTo(12, 43, 12, 102); ctx.stroke();

Test #2

ctx2.beginPath(); ctx2.strokeStyle = 'red'; ctx2.lineWidth = 4; ctx2.moveTo(10, 10); ctx2.lineTo(10, 30); ctx2.lineTo(30, 30); ctx2.lineTo(40, 70); ctx2.quadraticCurveTo(72, 43, 22, 12); ctx2.quadraticCurveTo(12, 43, 12, 102); ctx2.stroke(); ctx.drawImage(can2, 0, 0);