什么是Konva?Konva是一个基于 Canvas 开发的 2d JavaScript框架库, 它可以轻松的实现桌面应用和移动应用中的图形交互交互效果.Konva 可以实现高性能动画, 过渡, 节点嵌套, 局部操作, 滤镜, 缓存, 事件等功能, 不仅仅适用于桌面与移动开发, 还有更为广泛的应用.Konva
原创
2021-04-15 09:21:52
1063阅读
什么是Konva?Konva是一个基于 Canvas 开发的 2d JavaScript框架库, 它可以轻松的实现桌面应用和移动应用中的图形交互交互效果.Konva 可以实现高性能动画, 过渡, 节点嵌套, 局部操作, 滤镜, 缓存, 事件等功能, 不仅仅适用于桌面与移动开发, 还有更为广泛的应用.Konva 允许在你舞台上绘图, 添加事件监听, 移动或缩放某个图形, 独立旋转, 以及高效的动画.
原创
2022-02-08 14:48:29
417阅读
作为一名编辑，段杨每天的工作有绝大多数的时间都是在电脑前码字度过的，用的输入设备也从最早十几块的薄膜键盘，逐渐变成了几百甚至上千的机械键盘。本期视频段杨就以 IKBC 最新推出的 TABLE E 系列来和大家分享一下，如何选购一款适用于办公环境的机械键盘。图文详解 作为机械键盘领域的老牌厂商， IKBC 的产品相信大家都有所耳闻，像简约设计的 C 系列、具有背
首先安装依赖 npm install konva npm install vue-konva konva --save npm install gifler@0.1.0 --save 直接放代码 index.html main.js App.vue 在线效果链接：https://codesandbo ...
转载
2021-07-13 09:28:00
1091阅读
2评论
Konva 是一个 基于 Canvas 开发的 2d js 框架库, 它可以轻松的实现桌面应用和移动应用中的图形交互交互效果. Konva 可以高效的实现动画, 变换, 节点嵌套, 局部操作, 滤镜, 缓存, 事件等功能, 不仅仅适用于桌面与移动开发, 还有更为广泛的应用. Konva 允许在舞台上
转载
2017-01-12 10:09:00
332阅读
2评论
最近，做了一个HTML5的项目，里面涉及到了雷达图效果，这里，我将react实战项目中，用到的雷达图单拎出来写一篇博客，供大家学习。以下内容涉及的代码在我的gitlab仓库中：Konva canvas雷达图示例仓库中有原生js实现的代码以及konva实现的代码！先看效果图：1. konva简单了解现在js社区非常发达，有很多强大的插件，可以简化开发者的工作，我这里选用的canvas 2d插件是ko
最近，做了一个HTML5的项目，里面涉及到了雷达图效果，这里，我将react实战项目中，用到的雷达图单拎出来写一篇博客，供大家学习。以下内容涉及的代码在我的gitlab仓库中：Konva canvas雷达图示例仓库中有原生js实现的代码以及konva实现的代码！先看效果图：1. konva简单了解现在js社区非常发达，有很多强大的插件，可以简化开发者的工作，我这里选用的canvas 2d插件是ko
转载
2024-09-29 14:41:59
75阅读
Konva.js - 适用于桌面/移动端应用的 HTML5 2d canvas 库.http://konvajs-doc.bluehymn.com/
原创
2022-12-13 10:29:47
157阅读
JS原生使用Fabric设计简单的图形编辑器壹、在fabric和konva选型方面作为canvas对象模型的两款框架来说都很实用，前者比较老牌，而后者符合新时代语法。fabric本身经过长时间的锤炼API很丰富但是其细节功能还是比较简单，反而konva能很好的契合TS代码简介且直观。所以我选择frabic。(笑)贰、页面容器配置和画布创建在你的页面直接引入不用导包<script src="h
转载
2024-07-19 21:44:47
99阅读
几个用于前端canvas图片查看编辑的js插件1 tui.image-editor 2 Konva 3 AlloyImage 4 zwibbler 5 canvasPS 6 Photo Editor1 tui.image-editorhttps://nhn.github.io/tui.image-editor/latest/ tui.image-editor： 使用HTML5 Canvas实现的全
转载
2023-10-30 16:05:19
511阅读
最近自己开发了一个图片编辑器，把源码也放在了GitHub上，顺便也总结下使用fabric.js开发一个编辑器需要用到哪些知识点。预览地址：nihaojob.github.io/vue-fabric-…[1]GitHub地址：github.com/nihaojob/vu…[2] Foxmail20220904011310.png
架构设计选型： fabric.js 和 konva.js都是强
转载
2023-10-07 15:36:59
166阅读
今天在调试 konva.js 源码的时候发现作者用js位运算实现RGB值与16进制颜色值进行互转，这里进行下下分析并记录： 计算机如何表示 RGB 颜色值 一个像素用RGB表示的话占用3个几节，一共的位数为 3*8 = 24（RGB24），2进制表示为 RRRRRRRR GGGGGGGG BBBBB ...
转载
2021-07-26 00:52:00
700阅读
2评论
本文简介
最近有工友问我前端怎么给图片做标注。使用 Fabric.js 或者 Konva.js 等库确实可以实现，但我又好奇有没有专门做图片标注的工具呢？
在网上搜了一下发现 Annotorious 可以实现这个功能。Annotorious 提供了图片注释和标注功能，而且用法很简单。
<br>
本文分为 【快速入门】和【API讲解】两部分。
【快速入门】部分包含 Annotorio
原创
2023-10-27 22:30:05
76阅读
[小 迪 导读] : 通过低代码页面与konva 大屏的页面设计,围绕部门，实现应用场景快速搭建1.部门创建以及权限分配1.1 打开部门管理页面 1.2新增部门 1.3 权限分配，点击刚创建的部门，在菜单分配中选择总控台和设备管理(低代码平台会过滤掉非低代码页面路由)，分配权限中全选，随后点击更新权限 2.创建用户并查看低代码平台页面2
转载
2023-06-27 23:51:28
126阅读
