Konva
Konva-前端绘图框架
一、介绍Konva is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.Kon ......
【Konva 实践】实现一个简单的线条画布功能
# 完整代码 以下是完整代码，从本实践中了解 Konva 的多事件处理，以及灵活运用 Konva 的 API。打破被文档从上到下的基础知识浅层了解，以实践达到灵活地对 Konva 的使用。 [点击在线浏览](https://himmelbleu.gitee.io/web-learning/01.ba ......
【Konva】自定义 Shape（图形）
除了官方内置的[图形](https://konvajs.org/docs/shapes/Rect.html)以外，我们可以通过 `Konva.Shape` 类自定义图形，如下所示： ```js const stage = new Konva.Stage({ container: "container ......
【Konva】多事件（Multi-Event）与多端事件处理
除了 Konva 中图形（Shape）的单个事件以外，还可以在同一个 `on` 中定义多个事件，并同时触发同一个回调函数。 ```js file:[multi-event] const stage = new Konva.Stage({ container: "container", width: ......
初入 H5 Canvas 框架 Konva.js
# 什么是 Konva [Konva.js](https://konvajs.org/docs/index.html) 是一个 H5 Canvas 的 JavaScript 框架，我们可以通过制作桌面端和移动端的 apps。 Konva 支持动画、转换、节点嵌套、图层、过滤、缓存、事件（桌面端和移动 ......
Konva 内容重叠无法触发点击事件的解决方法
> 写在前面： > > * 环境：Vue3 + Konva + vite > * 在绘制界面时踩坑，主要是关于 listening 属性的使用 * 在绘制界面时，不免出现有内容重叠的情况，这会影响事件的触发 * 使用设置`listening`属性可以允许事件穿透，默认为`true`不可穿透（示例如下 ......