首页 > TAG信息列表 > konvajs

konvajs-性能优化-使用缓存

大幅提高复杂Konva图形绘制性能的一种方法是将它们缓存为图像。 这可以通过使用cache()方法将节点转换为图像对象来实现。 本教程将绘制10个缓存的星星,而不是单独绘制10个 Stars的绘图性能提升了4倍。缓存可以应用于任何节点, 包括舞台、层、组和形状。 注意:cache()方法要求

konva js destroy函数无法立即运行

这是我的代码.我正在制作自定义API来安排GUI.当我单击红色按钮时,我想破坏窗口,但无法立即工作.单击另一个窗口时窗口被破坏.我想立即销毁窗口(不要单击另一个窗口)如何修复代码? (对不起的语法错误) <!DOCTYPE html> <html> <head> <script src="https://cdn.rawgit.com/konva

javascript-画布形状缩放

我正在将画布与konva库一起使用,并且正在尝试缩放canvas元素. 我可以轻松地使用CSS缩小比例,但是问题是我在其中绘制的形状是可单击的.当画布按比例缩小时,元素也是如此,但是其遮罩或可单击区域却没有.这意味着,如果我单击缩小的画布上的形状,则不会发生任何事情,因为单击蒙版的位

Javascript两个对象相交

我一直在使用Konva进行绘图,当箭头的尖端与其他组或形状相交并且用户松开鼠标时,我希望箭头“捕捉”到其他组或形状.如果箭头不与之交叉,则它应自动删除其自身. 然后,当组或形状移动时,我希望箭头的提示随之移动. 我找到了类似例子的例子,但是我不确定如何将它们组合起来以获得想要

javascript-Konva.js的上下文菜单

我有一张包含多个对象的地图,例如玩家,塔楼,敌人等. 使用以下功能将它们添加到地图中: const createCustomObject = (sides, radius, color, x, y) => { let customObject = new Konva.RegularPolygon({ fill: color, x: x, y: y, sides: sides, radius: rad

javascript – KonvaJS:如何用箭头连接两个形状?

我想使用Konvajs来执行以下任务: >在画布上绘制两个矩形组.每个组包含一个矩形,文本和一个圆圈 >当我使用鼠标从圆圈拖动时,它会在拖动时绘制箭头.>当我将箭头拖放到另一个组时,它会停止绘制并将两个组边对边连接 像这样的东西: 是否有任何本机方法支持形状之间的连接?有人能告诉我一

javascript – 在HTML5画布上绘制路径的动画

我的问题是如何动画两点之间的路径绘制. 考虑两点之间的曲线或路径,A& B.我可以使用Konvajs中的线条绘制功能在画布上轻松绘制. 然而,我真正想要的是为线条的显示设置动画,使其从A点开始并逐渐绘制到B点.显示应该是动画的,这样我就可以应用令人愉悦的缓动. 作为一个类似的例子,请参