Format Code
Run Code
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Html tutorial</title> </head> <style> </style> <body> <canvas id="transformCanvas" width="400" height="200" style="border:1px solid #000000;"></canvas> <script> var c = document.getElementById("transformCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0, 0, 150, 100); ctx.translate(200, 50); ctx.rotate((Math.PI / 180) * 25); ctx.scale(0.5, 0.5); ctx.fillStyle = "#0000FF"; ctx.fillRect(0, 0, 150, 100); </script> </body> </html>
console output