1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
<!DOCTYPE html> <html> <body> <canvas id="canvas" width="100" height="100"></canvas> <script> var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.fillStyle = '#0f0'; ctx.fillRect(25, 25, 50, 40); ctx.fillStyle = '#000'; ctx.fillRect(25, 65, 50, 10); </script> </body> </html>