Tag

fabric.js

1 views collected around this technical thread.

Sohu Tech Products
Sohu Tech Products
Sep 25, 2024 · Frontend Development

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 APIImage Renderingcross-domain
0 likes · 13 min read
Poster Generation: Techniques, Libraries, and Common Issues
大转转FE
大转转FE
Sep 20, 2024 · Frontend Development

Poster Generation: Frontend, Backend, and Mobile Implementation Overview

This article explains various techniques for generating custom posters—including canvas, Fabric.js, html2canvas, and dom‑to‑image—covers client‑side, server‑side, and mobile approaches, compares their performance and compatibility, and provides solutions to common issues such as cross‑origin restrictions, white‑screen bugs, and image‑ratio problems.

Canvasfabric.jsfrontend development
0 likes · 18 min read
Poster Generation: Frontend, Backend, and Mobile Implementation Overview
Goodme Frontend Team
Goodme Frontend Team
Jul 29, 2024 · Frontend Development

Building a Custom Store Promotion Material Editor with Fabric.js and Formily

This article explains how to design and implement a canvas‑based editor for customizable store promotional materials, covering requirement analysis, system architecture, canvas library selection, component initialization, event handling, drag‑and‑drop, form integration, and future enhancements.

CanvasFormilycustomization
0 likes · 15 min read
Building a Custom Store Promotion Material Editor with Fabric.js and Formily
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 17, 2023 · Frontend Development

Custom Avatar 2.0: A Vue3‑based Online Avatar Customization Tool

This article introduces Custom Avatar 2.0, an open‑source web tool built with Vue3, Vite, TypeScript and Fabric.js that lets users upload a portrait, apply themed frames, stickers, and generate shareable posters, detailing the project architecture, new features, code implementation, and deployment instructions.

CanvasTypeScriptVue3
0 likes · 18 min read
Custom Avatar 2.0: A Vue3‑based Online Avatar Customization Tool