konvajs
方方|灿歌
毕业于清华大学,拥有超过13年的工作经验。 Oracle认证 讲师,拥有6年以上授课经验。精通Oracle数据库、中间 (Weblogic)和大数据Hadoop的管理和开发。 曾为湖北 移动,中国移动,山东教育网进行培训。著有畅销书《IT 必学课》,曾获得xx奖项。
展开
-
前端从零开发定位系统
功能演示:标签定位效果动图:功能需求基站定位基站属性设置基站布局基站角色设置(主、次、 从 )基站分组基站关联关系动态计算基站物理距离标签标签定位轨迹多种算法的标签和轨迹绘制标签显隐轨迹显隐平面图上传校准比例尺校准原点技术点:React [hooks]Konvajscanvasweb worker其他技术问题点鼠标框选,基站高亮动态绘制多边形判断多边形是否有基站网格性能不同楼层的基站是否在线,自动刷新websocket高频刷新前端多线程w原创 2022-01-27 17:53:34 · 280 阅读 · 0 评论 -
konva中当尝试导出画布图片时遇到跨越问题?
当尝试导出konva画布图片时遇到跨越问题?Unable to get data URL. Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported.Unable to get image data from canvas because the canvas has been tainted by cross-origin data.Or when you apply原创 2021-11-19 09:33:47 · 844 阅读 · 0 评论 -
konvaJs--数据序列化
如何导出画布到JSON?使用Konva将舞台保存为JSON字符串,可以使用toJSON()方法将Konva节点树序列化为可保存的文本在网络存储或离线数据库中。我们也可以序列化其他节点,包括层、组和形状。toJSON()方法不能保存过滤器、图像和事件监听器。所以它适用于非常小的应用程序。对于更复杂的情况,请阅读最佳实践将整个舞台转换为json 和转换为对象转换都是按照 “”树“”结构的let stageJson = stage.toJSON()// {"attrs":{"width":1原创 2021-09-29 11:31:26 · 626 阅读 · 1 评论 -
konvajs-性能优化-使用缓存
大幅提高复杂Konva图形绘制性能的一种方法是将它们缓存为图像。这可以通过使用cache()方法将节点转换为图像对象来实现。本教程将绘制10个缓存的星星,而不是单独绘制10个Stars的绘图性能提升了4倍。缓存可以应用于任何节点,包括舞台、层、组和形状。注意:cache()方法要求图像托管在与执行它的代码具有相同域的web服务器上。在同样的情况下,cache()函数不能自动检测节点的大小。所以你应该小心阴影和笔画的组和形状。如果你看到意外的结果,将带有x, y,宽度和高度属性的绑定属性传递给翻译 2021-09-28 20:57:58 · 1388 阅读 · 0 评论