Konva - JavaScript Canvas 2d Library

Vanilla JS 应用与 Canvas 图形之间的桥梁。

开始使用

全球团队的信赖

最受欢迎的基于 npm 下载的 2D Canvas 框架。

Meta Microsoft Polotno Labelbox Zazzle

面向对象的 API

Konva 提供了一个面向对象的 API，支持多种形状，从而实现直观而灵活的 Canvas 操作。

跨平台支持

Konva 为桌面和移动设备提供无缝支持，确保跨平台的一致体验。

动画和缓动

使用 Konva 的内置动画和缓动功能创建流畅和动态的动画，实现交互式 Canvas 体验。

高级节点管理

Konva 支持节点嵌套、分组和事件冒泡，允许构建复杂的层级结构和高效的事件处理。

高质量导出

将您的 Canvas 作品导出为高质量的数据 URLs、图像数据或图像对象，以便在各种应用中灵活使用。

开箱即用的滤镜

使用 Konva 预构建的滤镜集合增强您的 Canvas，轻松添加视觉效果和转换。

框架集成

将 Konva 与流行的 Web 框架（如 React、Vue 和 Svelte）无缝集成，以增强开发工作流程。

拖放支持

通过 Konva 内置的拖放支持，轻松实现交互式拖放功能，从而增强用户体验。

案例展示

PolotnoSDK - 用于构建 Web 设计编辑器的 SDK

SMMplannerConstructor - 用于创建 Instagram Stories 作为计划发布的一部分

SpreadSheet Grid - 类似 Excel 的 DataGrid 组件，用于 React JS

Windoor craftTool - 用于通过拖放设计门窗

Pixteller - 一款在几秒钟内创建或自定义任何图像的设计工具

Paddee - 用于照片展位模板的市场和在线编辑器

Some-charts - JS 图表库

Shelly - 一种用于绘图的编程语言

BoardOS - 在线白板协作系统

Vokal - 创建用于社交媒体的播客视频片段

facetache - 给照片添加胡子！

ScriptureMark - 在 Canvas 上与圣经文本互动

Let's RolePlay - 在虚拟环境中进行桌面 RPG 游戏

csgoboard - Valve 游戏 Counter-Strike 的互动板

brainzilla - 在线拼图游戏

react-avatar - 使用 React 加载、裁剪和预览头像

Color wars game - 热座多人街机游戏，专注于竞争

Opdome - 在线图片词典

E-cards - 商业电子贺卡的在线商店

Mystikaze - 一款在线回合制六角格战斗策略游戏

想在这里添加您的应用吗？

文档

• 教程
• 演示
• API 参考

社区

• Stack Overflow
• Discord
• Twitter
• GitHub

集成

• React
• Vue
• Svelte