Tag

Rotation

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 8, 2024 · Frontend Development

Step-by-Step Guide to Building a Canvas-Based Image Annotation Tool with Zoom, Pan, Edit, and Rotate

This tutorial walks you through creating a full‑featured image annotation tool using HTML5 Canvas, covering image rendering, mouse‑wheel zoom, viewport panning, rectangle drawing, selection, drag‑move, size adjustment, and rotation with detailed JavaScript code examples.

Drag and DropImage AnnotationJavaScript
0 likes · 30 min read
Step-by-Step Guide to Building a Canvas-Based Image Annotation Tool with Zoom, Pan, Edit, and Rotate
DaTaobao Tech
DaTaobao Tech
Aug 8, 2022 · Game Development

2D Vector Rotation: Theory and Implementation

Rotating a 2‑D vector is performed by multiplying it with the matrix [[cos θ, ‑sin θ],[sin θ, cos θ]], yielding the new coordinates (x cos θ ‑ y sin θ, x sin θ + y cos θ); a short JavaScript function implements this, turning [3,2] into [‑2,3] for a 90° counter‑clockwise rotation and also rotates the basis vectors.

2DJavaScriptRotation
0 likes · 8 min read
2D Vector Rotation: Theory and Implementation
Meitu Technology
Meitu Technology
Apr 27, 2018 · Frontend Development

Front-End Image Processing: Scaling, Cropping, and Rotation with Canvas

This article explains how to perform essential front‑end image processing with the HTML5 canvas—handling cross‑origin loading, ensuring images are fully loaded, then scaling, cropping, and rotating them while preserving aspect ratio and exporting the results as base64 strings, laying groundwork for later composition techniques.

JavaScriptRotationcanvas
0 likes · 10 min read
Front-End Image Processing: Scaling, Cropping, and Rotation with Canvas
360 Quality & Efficiency
360 Quality & Efficiency
Jan 3, 2018 · Mobile Development

Analyzing and Extending Minicap for Dynamic Resolution and Rotation Handling

This article introduces the open‑source Android screen‑capture tool Minicap, examines its architecture and command‑line usage, and details code modifications that enable real‑time rotation detection, dynamic resolution changes, and inclusion of rotation metadata in the image stream for more reliable remote device display.

AndroidClient-ServerMinicap
0 likes · 12 min read
Analyzing and Extending Minicap for Dynamic Resolution and Rotation Handling