"One canvas a day" canvas canvas adjustment move, zoom, rotate (ix)

Some people are puzzled why the coordinates of the canvas start from the upper left corner, and downward is the positive direction of Y, the right is the positive direction of x? In fact, I also very do not understand ~ ~

Why can't you give us more custom features? I've rewritten a canvas-canvas-adjusted code that includes the canvas's moving, zooming, and rotating functions.

<! DOCTYPE html>
Note: After adjusting the canvas, the subsequent operation will follow the adjustment, please pay attention to the coordinates OH
Mobile Features:
Zoom function:
Rotation function:
"One canvas a day" canvas canvas adjustment move, zoom, rotate (ix)