Poster Generation: Techniques, Libraries, and Common Issues

The article reviews poster generation methods—server‑side rendering with headless browsers or watermarking, client‑side CPU/GPU approaches, and frontend Canvas‑based techniques—detailing libraries such as Fabric.js, html2canvas, and dom‑to‑image, comparing speed, quality, compatibility, addressing cross‑origin and rendering bugs, and advising when to choose each solution.

Canvas APIFabric.jsImage Rendering

0 likes · 13 min read

Poster Generation: Techniques, Libraries, and Common Issues

政采云技术

Aug 10, 2021 · Frontend Development

WebGL Concepts and Fundamentals

This article introduces WebGL, covering its definition, history, basic concepts, working principles, and practical examples of drawing shapes using both native WebGL API and the Three.js framework.

3D graphics3D web developmentBrowser graphics

0 likes · 17 min read

ByteFE

Mar 15, 2021 · Frontend Development

Advanced Line Rendering and Animation Techniques in Canvas for Data Visualization

This article provides a comprehensive guide to rendering and animating lines in the Canvas API for data visualization, detailing the mathematical foundations of polylines and cubic Bezier curves, segment-based drawing algorithms, spline interpolation methods, and optimized animation synchronization techniques.

Bezier CurvesCanvas APIData visualization

0 likes · 16 min read

Advanced Line Rendering and Animation Techniques in Canvas for Data Visualization

Youzan Coder

Jun 5, 2019 · Backend Development

Building a Poster Rendering Service with Puppeteer

The article explains how to build a poster‑rendering service with Puppeteer, detailing its advantages over canvas, the Redis‑based caching and CDN workflow, optimization tricks for headless Chromium, and future plans to boost QPS and pre‑generate popular posters.

CDNCanvas APIPuppeteer

0 likes · 9 min read

Building a Poster Rendering Service with Puppeteer

Taobao Frontend Technology

Jul 28, 2017 · Frontend Development

How GCanvas Brings High‑Performance Canvas Rendering to Mobile Front‑Ends

GCanvas offers a JavaScript API compatible with HTML5 Canvas, delivering cross‑platform, high‑performance graphics rendering on Android and iOS by leveraging OpenGL ES, bypassing WebView limitations, and providing developers with a seamless Canvas‑like experience for mobile front‑end applications.

Canvas APIGCanvasOpenGL ES

0 likes · 10 min read

How GCanvas Brings High‑Performance Canvas Rendering to Mobile Front‑Ends