kineticjs

0热度

1回答

kineticJS按顺序加载图像（并设置fillPatternImg）不透明补间不起作用

我正在用KineticJS创建一个创建多个节点（RegularPolygons）的小应用程序。加载舞台后（用play();触发），我用（图案）图像顺序填充每个节点（用loadImages(urls);触发。这工作正常，像：集中的所有节点>加载单个图像>设置节点patternImage>吐温不透明0.8>吐温完整，负载下一个图像（重复）出于某种原因，补间不会玩，他们只是。（不透明度1）;（

0热度

1回答

在画布中使用svg对象而不是raste图像对象

我正在尝试使用JavaScript和画布创建类似于this的应用程序。我已经创建了一个使用kineticjs作为画布库的草稿。这些牙齿都是png图像，并且线条是使用Line对象由动态js绘制的。我的一位朋友建议我把所有东西都画成一个大的svg（牙齿和线条），每个牙齿和每条线都是另一条不同的路径，它们在画布上加载不同的id并使用id操纵它们。我尝试阅读kineticjs文档和fabricjs对

0热度

1回答

鼠标在KineticJS中的移动速度令人难以置信

将鼠标光标移到我的应用程序上时，我看到一个令人难以置信的慢速调用，看起来像是鼠标移动事件。下面是Firefox的JavaScript的探查说：钍结果是，绘制形状，如果很慢（它甚至有时会冻结，当我快速移动鼠标光标），虽然我只在屏幕上有10种形状。 .. 我想我的代码有问题，但事情是，我甚至不需要任何鼠标交互，我的应用程序是仅键盘。有没有办法阻止KineticJS做鼠标事件检查？我找不到一个。

0热度

1回答

kineticJS动画多个图像对象

这个想法是，我旋转一个图像对象，然后“保存”这个动画帧，并再次建立一个动画？我只有一层和一个阶段。任何帮助都会很棒。是否可以将图层保存为对象？然后将它添加回舞台？ var oldlayer; oldlayer=layer; stage.clear(); stage.add(oldlayer);

1热度

1回答

如何在canvas和kineticjs中使用硒进行拖放

我使用硒web驱动程序来测试我的网站，事情是我有一个画布元素，在其中我必须拖动位于（0,0）到（10,0）。最主要的是在画布上没有元素会有ID或类名称。我在网上浏览，但大多发现答案像 Actions builder= new Actions(driver); WebElement canvas = driver.findElement(By.className("kineticjs-c

0热度

1回答

使用kineticjs将图像拖放到图像中

我想放下树上的星星，并检测哪颗星星已经掉落，所以我可以突出显示并最终选择它。但我无法超越仅仅移动明星。我选择kineticjs是因为它适用于触摸屏，所以我不想在可能的情况下使用其他东西。（除非它具有触摸屏和鼠标太作品）这是我的javascript： <script defer="defer"> function drawImage(imageObj) { var stage

0热度

1回答

KineticJS和鼠标悬停和透明度

我创建了一个的jsfiddle位于： jsfiddle.net/r17k48bp/ 我似乎无法弄清楚，为什么鼠标悬停事件不会改变透明度，但点击在组上呢？感谢，吉姆

2热度

1回答

在popus中查找与动态javascript文本元素相关的数据

var text = new Kinetic.Text({ x: a, y: b, text: {"name":"WAERK","key":"","description":"SD Document Currency"}.name, fontSize: d, fontFamily: 'Calibri', fill: e , id

0热度

1回答

绘制具有点击功能的新的动力学JS多边形

我试图通过点击另一个触发创建新的动力学形状（不是克隆）。任何帮助将不胜感激，因为我似乎无法找到答案。我已尝试以下没有任何的运气： var sq1 = new Kinetic.Rect({ x: 25, y: 400, width: 200, height: 200, fill: '#000000', draggable: true

0热度

1回答

制作一个没有背景的kineticjs图层

我目前有一些JavaScript从变量接收图像并将其加载到画布中。为了使用kineticjs，画布在div内。我加载一个正六边形用下面的代码： function MakeShape() { var stage = new Kinetic.Stage({ container: 'container', width: 490, height: 225