Tag

Konva

0 views collected around this technical thread.

DaTaobao Tech
DaTaobao Tech
Feb 19, 2025 · Frontend Development

Canvas Engine for AIGC‑Enabled Product Design

TMIC’s Canvas Engine combines a Konva‑based front‑end canvas framework with AIGC model interfaces to give merchants low‑level, undoable editing tools—such as template loading, intelligent image adjustments, magic eraser, filters, and watermarking—while exposing an SDK and JSON protocol for easy integration and future AI‑driven extensions.

AIGCCanvas EngineFront-End Development
0 likes · 16 min read
Canvas Engine for AIGC‑Enabled Product Design
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 30, 2025 · Frontend Development

Implementing and Optimizing a Gantt Chart with Konva in Frontend Development

This article explains how to build a Gantt chart using Konva, detailing the layer structure, rendering logic, scrolling handling, performance optimizations, and provides TypeScript code examples for configuration, drawing, and event management.

Gantt ChartKonvaTypeScript
0 likes · 21 min read
Implementing and Optimizing a Gantt Chart with Konva in Frontend Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 2, 2024 · Frontend Development

Implementing a Custom Calendar Component with Konva.js

This article explains how to build a canvas‑based calendar widget using Konva, covering the design of date cells, task‑range rendering, drag‑and‑drop interaction, event handling, and the public API, and provides the full source code for reference.

JavaScriptKonvaUI Component
0 likes · 18 min read
Implementing a Custom Calendar Component with Konva.js
Ctrip Technology
Ctrip Technology
Dec 9, 2021 · Frontend Development

Canvas Animation in React: Principles, Implementation, and Performance Optimization

This article explains the fundamentals of web animation, compares animation techniques such as CSS, SVG, and Canvas, demonstrates how to create frame‑based Canvas animations with JavaScript and Konva, shows how to integrate them into React (including react‑konva), and provides performance‑optimisation strategies for smoother rendering.

JavaScriptKonvaReact
0 likes · 19 min read
Canvas Animation in React: Principles, Implementation, and Performance Optimization