konvajs

0热度

1回答

我在我的项目中使用KonvaJs。我使用Konva.Line通过设置closed:true来创建多边形。我需要弄清楚一个点是否在多边形内部。我正在使用Ray-Casting算法找到多边形中的点，它工作正常。但是当拖动多边形时会出现问题。拖动时，顶点（点）仍然保持不变，因此我无法获得新的坐标。如何更改多边形的点以便我可以使用它们？这里是plunkr。

2热度

1回答

Konva从点击事件

我试图让我用下面的代码点击图像的ID获取图像ID： theImg.on('click', function() { alert($(this).attr('id')); //Should show 'IDofImg' }); 的Konva代码是这样的： var theImg = new Konva.Image({ image: imageObj, x: stag

1热度

1回答

Konva addEventListener点击多张图片

嘿，我想要添加一个侦听器到我的画布上，以便查看用户点击了哪个图片。目前，我有以下代码（和它的作品就好了）： theImg.on('click', function(evt) { console.log(this.id()); console.log('X: ' + this.x()); console.log('Y: ' + this.y()); }); 但是

-1热度

1回答

为什么向上行程动画快？

我在KonvaJS中试验了一个一次球跳动问题，零损失。因此，它应该看起来球是简单的摆动。这方程式可用here。（点击here阅读说明）。完整的代码在github（查看README.md进行设置）。下面代码负责动画部分： stage.on('contentClick', function(e){ var pos = stage.getPointerPosition();

0热度

1回答

konva.js拖动和旋转

我想画的图像，可以旋转，拖拽和resize.I创建的jsfiddle：https://jsfiddle.net/iu1340/esrfydsL/ 我可以拖动和调整但是当我旋转图像，位置的节点是错误的这里是我使用的代码： \t \t var width = window.innerWidth; var height = window.innerHeight; f

1热度

1回答

Konva在层之间传播事件

我在形状层的顶部有一个透明的拖动层。非常适合使互动截然不同，因此我可以切换拖动操作（在滚动视图或编辑形状位置之间）。但是，除非关闭拖动模式（通过隐藏介入的透明Rect），否则其他鼠标悬停事件都不会在其下面的形状图层上触发。我需要将非拖动的鼠标事件传播到它下面的图层。有很多鼠标悬停事件的形状。有没有一种简单的方法来将鼠标悬停在事件下方的层上，还是需要编写自定义处理程序来为每个形状触发事件？

0热度

2回答

如何在没有Visual Studio和GTK的Windows上使用konva

似乎VS和GTK只需要构建konva所需的node-canvas。原谅我，因为我是一个完整的新手，但有没有这样做，而不必下载并安装了一堆，我永远不会为别的用巨大的东西任何其他方式？整个过程对我来说似乎很愚蠢，因为现在大多数浏览器本地支持HTML5画布。

0热度

1回答

将视频添加到konvajs舞台

我有一个工作网络功能，使用html5视频和画布访问设备摄像头的mediaStream，然后拍摄照片并在画布中呈现图像。运作良好，但我想用konvajs舞台而不是画布。代码 I created a new konva image object: var video = new Konva.Image({ node:video, x: 50, y:

4热度

1回答

在Konva JS中拖动后获取形状的X和Y

我在我的项目中使用Konva JS。我在可拖动的按钮单击上添加一个形状。点击形状我需要获得形状的X和Y位置。 getX和getY函数正在返回原始的X和Y.如何在拖动后更新X和Y. 下面的示例代码。 var stage = new Konva.Stage({ container: 'canvas', // id of container <div> width: 50

1热度

1回答

获取不同图层中形状的属性Konva JS

我有以下代码，其中动态创建了一个图形。在点击形状箭头时，可以使用箭头上的控制器调整大小。现在，当我拖动形状我需要移动箭头的起点与它一起。但由于箭头在不同的层次，我无法引用它。如何才能做到这一点？示例代码： var stage = new Konva.Stage({ container: 'canvas', // id of container <div> wid