问题标签 [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.
javascript - 在画布上移动两个以上的箭头线
这是我使用 kinetic.js 的代码,我画了三条线并使用鼠标移动。
我想画箭头线我尝试了更多时间,但我找不到正确的解决方案。他们在动力学 js 中是否有任何箭头功能有人可以帮助我吗
html - Kinetic JS - 分层问题
我有两个不同的阶段。而且,我正在向它们添加图层并放置两个图像对象。
现在,我已经为这些图像对象提供了“点击”事件。
但是,由于最近添加的层位于其他层之上,因此只有顶层会触发事件。
问题:点击紫色指示器,我收到警报。但是,黄色指示器不会触发任何事件,因为它位于图层后面。
(检查底部提供的JSFiddle链接)
如何克服这个问题..?
这是我用来添加和定位图像的代码示例。
工作 JS Fiddle 链接:http: //jsfiddle.net/v4u2chat/aqf9Y/8/
注意:使用滑块更改图像的位置。
图像定位代码
javascript - 使用 kineticjs 进行交互式绘图
我想通过单击和拖动来绘制一个矩形。我怎样才能做到这一点 ?我必须将点击事件侦听器放在哪里?在舞台上还是在层上?我有以下代码,但它不起作用:
谢谢。
ember.js - 如何从 DOM 中的现有元素设置子视图元素
假设我有以下 DOM:
div“容器”来自 Ember.ContainerView :
div "created-by-other-tools" 来自另一个与 Ember 无关的 javascript 代码:
是否可以将此 newDiv 与我的容器的子视图链接?我想要这样的东西:
我的想法是用我的子视图处理 newDiv 事件。
javascript - 通过 Meteor 更新 KineticJS Canvas 元素
我正在尝试通过 Meteor 更新 KineticJS 对象的位置。
看来问题出在:
这是流星文档所说的:
我试图检查数据是否正在通过以下方式更新:
这是github:
https://github.com/randompast/randomtests/tree/master/meteorCanvasTest
kineticjs - KineticJS 仅在 mousedown 时影响鼠标悬停的元素
此函数在画布上构建 NxN 网格并返回图层以供使用。在鼠标悬停时,它会更改单元格的颜色。但我需要的是只在鼠标按下时运行鼠标悬停,就像刷子一样。我该怎么做?
javascript - 性能问题 KineticJS
我对画布很陌生,所以我需要一些输入。
我不想用它的股票创建一个图书馆概览,所以我必须处理大约 2k+ 个矩形。问题是,拖动和缩放的性能不是很好,fps 下降到 10 以下。这很丑陋,所以我希望能提供一些输入,做什么更好或以其他方式提高我的(基本)脚本的性能.
http://jsfiddle.net/kHGvh/13/embedded/result/
http://jsfiddle.net/kHGvh/13/
javascript - 可使用 kineticJS 和 Clip 功能拖动的画布
我有一个问题要处理canvas
。
我想kinetic
使用移动事件(尤其是可拖动事件),我也想同时使用该clip()
功能。
这是我的代码:
我有第一个可拖动的圆圈,但我想使用它,clip function
但我真的不知道该怎么做。此外,我试图获得这样的 2d 上下文:
var context = this.getContext();
但它没有用。如果有人可以帮助我,谢谢。
我也看到了这个例子,但它不适用于移动设备。
javascript - KineticJS 中的鼠标悬停事件问题
我正在尝试对 KinetiJs Canvas 库进行一些实验。我在下面所做的是 - 绘制一个矩形,每当鼠标悬停时,我希望在特定点之间绘制一条线。
问题是,当鼠标悬停时我看不到任何线条。
我试过检查onmousemove
函数是否被调用并且它确实被调用了,但是没有画线。谁能解释一下为什么?
kineticjs - 如何让用户在 kineticjs 中删除一组对象?
我在动态画布上有各种可拖动组。我需要让用户删除其中一些组。
第一个问题是如何从画布中实际删除组(及其所有部分)。
第二个是使用什么样的 UI 交互来允许用户这样做。我正在考虑绑定dragend,检查一些条件(例如对象的位置,或一些模态变量),如果满足条件则删除组。有更好的建议吗?