296904-1.html (643B)
1 <!DOCTYPE HTML> 2 <canvas width="100" height="100" id="c"></canvas> 3 <script> 4 window.onload = function () { 5 var ctx = document.getElementById('c').getContext('2d'); 6 7 ctx.beginPath(); 8 ctx.moveTo(0, 0); 9 ctx.lineTo(0, 100); 10 ctx.lineTo(100, 100); 11 12 ctx.fillStyle = '#f00'; 13 ctx.strokeStyle = '#00f'; 14 15 ctx.fillRect(30, 10, 10, 10); 16 ctx.strokeRect(60, 10, 10, 10); 17 ctx.clearRect(25, 15, 50, 10); 18 ctx.drawImage(document.getElementById('c'), 0, 0); 19 if (ctx.putImageData) ctx.putImageData(ctx.getImageData(0, 0, 10, 10), 0, 0); 20 21 ctx.lineTo(100, 0); 22 ctx.fillStyle = '#0f0'; 23 ctx.fill(); 24 } 25 </script>