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