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