16 lines
431 B
JavaScript
16 lines
431 B
JavaScript
// Example from https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rotate
|
|
export default function rotate(ctx) {
|
|
ctx.fillStyle = 'gray';
|
|
ctx.fillRect(80, 60, 140, 30);
|
|
|
|
// Matrix transformation
|
|
ctx.translate(150, 75);
|
|
ctx.rotate(Math.PI / 2);
|
|
ctx.translate(-150, -75);
|
|
|
|
// Rotated rectangle
|
|
ctx.fillStyle = 'red';
|
|
ctx.fillRect(80, 60, 140, 30);
|
|
|
|
ctx.resetTransform();
|
|
} |