跳到主要内容
Konva
教程
示例
API 参考
框架
React
Vue
Svelte
Angular
简体中文
English
简体中文
搜索
Konva 示例
这些交互式示例展示了你可以使用 Konva.js 和 HTML5 Canvas 构建什么。
CAD 系统
Canvas 编辑器
简易窗框设计器
窗框设计器
座位预订
图像标注
交互式建筑地图
工具
签名板
徽章制作器
旋转和翻转图像
无限 Canvas
多人白板
热图生成器
裁剪图像
Canvas 水印
Canvas 叠加层
Canvas 贴纸
游戏与应用
幸运转盘
自由绘制
海滩动物游戏
行星图像映射
物理模拟器
常见用例
可编辑文本
富文本
Canvas 滚动
通过边缘拖动滚动
Canvas 上的 GIF
Canvas 上的视频
Canvas 上的 SVG
Canvas 背景
透明组
翻转图像
Canvas 转 PDF
自定义字体
相对鼠标位置
拖放 DOM 元素
对象吸附
相对于指针缩放
Canvas 上下文菜单
缩放图像以适应区域
限制拖动与调整大小
性能测试
拖放压力测试
动画压力测试
跳跃兔子
10,000 个带工具提示的图形
20000 个节点
调整大小压力测试
振荡 Blob 图形
其他示例
Web Worker
星形旋转器
流程图
调整图像大小
舞台预览
使用锚点修改曲线
图像边框
碰撞检测
弹性星形
图形探戈
图像边框突出显示
鼠标悬停时缩放图像
响应式 Canvas
手势事件
多点触控缩放图形
多点触控缩放舞台
单击时修改图形颜色
悬停时放大图像
图形工具提示
拖放多个图形