Create a Rolex GMT‑MASTER Style Watch Using HTML Canvas

This tutorial walks a front‑end developer through building a fully functional Rolex‑inspired GMT‑MASTER watch with HTML, CSS and JavaScript by dividing the watch into dial, bezel and hand modules, initializing three canvas elements, defining color variables, and implementing drawing functions for the bezel, dial, hour, GMT, minute and second hands.

CSSCanvas DrawingHTML Canvas

0 likes · 21 min read

Create a Rolex GMT‑MASTER Style Watch Using HTML Canvas

Rare Earth Juejin Tech Community

Feb 14, 2022 · Frontend Development

Drawing the 2022 Winter Olympics Mascot Bing Dwen Dwen with HTML5 Canvas

This tutorial walks you through recreating the 2022 Winter Olympics mascot Bing Dwen Dwen using HTML5 Canvas, covering the drawing of its body, ears, limbs, heart, logo, and facial features with ellipses, arcs, Bezier curves, gradients, and image rendering.

Canvas DrawingGraphicsHTML5 Canvas

0 likes · 11 min read

Drawing the 2022 Winter Olympics Mascot Bing Dwen Dwen with HTML5 Canvas

MaoDou Frontend Team

Apr 17, 2019 · Frontend Development

Master HTML5 Canvas: Draw Shapes, Lines, Circles, and Images Step‑by‑Step

This guide explains the fundamentals of HTML5 Canvas, covering how to obtain the canvas and its context, draw rectangles, lines, circles, clear the canvas, and manipulate images with drawImage and clipping, all illustrated with clear examples and code snippets.

Canvas DrawingHTML5 CanvasJavaScript

0 likes · 5 min read

Master HTML5 Canvas: Draw Shapes, Lines, Circles, and Images Step‑by‑Step