问题标签 [kineticjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1861 浏览

javascript - KineticJS:禁用拖动

我需要找到一种方法来禁用 KineticJS 中的拖动形状

例如,我有一个draggable启用了该选项的 Circle。

如果按下 shiftKey,我想禁用拖动这个圆圈,我想以不同的方式处理这种情况。

这是我想做的一个例子:http: //jsfiddle.net/nL3kb/

有可能吗?

0 投票
1 回答
1450 浏览

javascript - 我无法在 kineticJs 中使用 toDataURL 保存画布

嗨朋友们我已经按照这个教程:http ://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/

我创建了一个具有不同概念的相同程序(我使用了拖放功能,如果将图像拖放到画布上,它将在画布中绘制该图像)。但现在我无法使用 toDataURL 保存画布。请帮我..

0 投票
4 回答
5757 浏览

javascript - 使用 KineticJS 删除绘制的对象

希望这里有一个简单的问题:

假设我使用 KineticJS 画了一条线,如下所示:

它已被添加到已添加到舞台的图层中。

但是现在我需要完全删除这条线,就好像它从来没有对某些用户事件做出反应一样。我该怎么做呢?

0 投票
2 回答
2392 浏览

canvas - KineticJS - 绘制形状时使用坐标

我想使用 KineticJS 在网格中绘制一组复杂的形状。我的形状是 80 宽和 150 高。当我画它们时,形状之间有一个间隙,即形状的宽度/高度——我希望它们在一个紧密的网格中相互对接,而不是分开。

看起来我以某种方式以应有的 x/y 两倍绘制每个形状。

我已将我的问题简化为附加代码。我的形状很复杂,但为了保持代码简单,我用矩形替换了我的形状(我知道我可以使用 Rect 对象来绘制矩形)。

当你运行这段代码时,你会看到 8 个矩形在水平和垂直方向上相隔很远;需要明确的是,我想要的是每个矩形都紧紧地对接在一起。

我使用常量 width 和 height 来绘制函数 drawFunc 中的矩形,并定位矩形(在代码中,xPos = ((cols -1) * width)所以我会认为它们会相互紧贴。

代码非常简单。我遍历行和列,为我的形状创建一个drawFunc,我使用绘图中的宽度/高度,然后我根据它的行/列使用相同的宽度/高度定位形状。所以它们应该彼此紧贴,而不是分开。

使困惑。

0 投票
2 回答
4028 浏览

canvas - 捏放大画布

我正在尝试在画布上设置简单的放大/缩小功能。我正在使用 KineticJS 处理触摸事件并在画布中绘图,但无法实现缩放。KinteicJS 有一个类似的例子,但它们总是在中心放大,而我很想放大手指之间的点。

谢谢!

0 投票
0 回答
564 浏览

javascript - KineticJS 中的重叠径向渐变/“光源”效果

我希望在 KineticJS 中产生光源效果。我试图通过在背景中放置各种对象以及填充有径向渐变图案的多个低 alpha Rect 对象层来实现这一点。

效果还是挺满意的,一直在玩弄渐变参数得到各种效果

简单径向 高偏心径向

问题是到目前为止我只设法获得了一个光源,因为在这个之上的第二个 Rect 会妨碍它后面那个的可见性。我敢肯定,我可以执行某种复合操作的跳棋,这将使我获得两个或更多径向梯度的结合,但我自己的运气并不好。有什么建议么?

0 投票
3 回答
1517 浏览

image - 使用 html5 和 kineticjs 在六边形内显示图像

我想绘制一个六边形并使用 html5 在其中显示一个图像。我已经尝试过了,但我没有得到图像。我只想为此使用kineticjs

这是代码:

0 投票
1 回答
825 浏览

node.js - 托管在 heroku 上的节点服务器不提供 socket.io 文件

所以我使用 node.js、socket.io 和 kineticJS 制作了一个多人太空射击游戏。我的 Node.js 服务器实际上并不为客户端页面提供服务。我的客户端文件当前托管在我计算机上的本地 Apache 服务器中。

节点服务器现在在 Heroku 上启动并运行,我似乎无法在客户端加载 socket.io。我不断收到“io is not defined”错误。这就是我导入脚本的方式:

我已按照此处显示的说明进行操作:https : //devcenter.heroku.com/articles/nodejs 我的 package.json 文件如下所示:

在本地主机上一切都很好,我可以执行以下操作:

0 投票
1 回答
182 浏览

javascript - 在移动浏览器中调用事件的问题

在 KineticJS 3.8.5 中调用移动浏览器内的事件时遇到问题。事件不会被调用。我已经在 Chrome、Mobile Safari 和 Android 2.3 浏览器中对此进行了测试,并且在单击文本时不会调用 alert(),而这显然应该调用。这是JSFiddle

0 投票
1 回答
478 浏览

javascript - 在为动力学JS缩放期间创建重复图像?

我正在使用 KineticJS 并试图获得适当的缩放功能。我有一个图层,我在我想要的原始尺寸上附加了一个背景图像。

但是,当我放大(通过 layer.setScale())时,我的图像在与其他所有内容一起放大时会缩小(留下暴露的白色区域)。

那么即使发生这种情况,我怎样才能让我的图像重复呢?这是我用来添加图像的代码: