kineticjs

    0热度

    1回答

    我正在尝试使用kineticJs的拼图游戏。我得到了不规则的形状部分,但源图像不显示或填充它。我坚持这部分。 fill:{ image:imageObj, x:pieceWidth, y:pieceHeight, }, stroke: "#000000", strokeWidth: 4, lineCap: "round", draggable: true

    1热度

    2回答

    有人可以解释“点击”事件和“contentClick”事件之间的区别吗? stage.on("contentClick", function(e) { console.log("stage contentClick"); }) stage.on("click", function(e) { console.log("stage click"); }) //Both

    0热度

    1回答

    我正在更新从KineticJS 4.3.3到5.1的应用程序,我使用以下命令来使用鼠标绘制线条。 在4.3.3我用 stage.getMousePosition(); 它的工作原理请参见http://jsfiddle.net/hnabih/rrxjdbaq/1/ 由于5.1不支持getMousePosition,我把它改为: stage.getPointerPosition(); 我也改变

    -1热度

    1回答

    我是HTML5和Javascript的新手,但我需要使用它们进行可视化。 这是我的域/问题: 我需要以显现一大组图形节点的,在视觉上的节点可以是具有颜色和透明度的循环。 有两种关系:包括和交互。 include表示一个节点包含其他不同类型的节点,可见,用户可以看到自身内部具有较小节点的大节点。 interact只是表示一条线连接不同的节点。该行应该有箭头,标签(文本)和厚度。 对于效果,我需要动画

    0热度

    1回答

    更新我的应用程序表Kinetic 4.3至5.1,我用以下内容来绘制与点数组的线。 layer.on("mousemove", function() { if (!drawing) { return; }; points.push(stage.getMousePosition()); line.setPoints(points

    0热度

    1回答

    我一直在努力实现很长一段时间的图像失真。经过一番搜索,我发现this一个很好。 我想将这添加到kineticjs项目,我敢肯定这是可能的,但我不明白如何添加它或如何将它实现到我的项目。图像不仅仅是失真,它还会做一些滤镜颜色和亮度过滤器。 在main.jsof this one他们开始获取整个画布的上下文,但我只想做一个节点(实际上是一个图像或一个图层)。 这里是谁解释我想实现的jsfiddle:在

    0热度

    1回答

    我正在使用Canvas和KineticJS处理项目。我加载/创建多个节点和边,并且在各种情况下与这些节点和边进行交互时具有所需的功能。 此刻,我将事件处理程序绑定到这些对象,因为它们是使用匿名函数创建的。事情是这样的: Node.prototype.setupNode = function(x, y) { this.visual.on('tap', function(e) {

    0热度

    1回答

    我试图在KineticJS中模拟此other's Stackoverflow canvas clipping function与额外功能的可拖动图像,但我无法完成它。 小提琴:http://jsfiddle.net/dekaa/6L1wxt1g/ shape = new Kinetic.Shape({ sceneFunc:function(ctx){ ctx.drawImag

    0热度

    1回答

    我在项目中使用两个画布,同步两个容器中的移动对象。挑战是在移动一个对象之后,我无法在第二个容器中拖动任何对象。 我使用: blueLine2.on('dragmove', function() { circle2.x(blueLine2.x() + blueLine2.points()[0]); blueLine1.setPosition({ x: blueLine2.

    0热度

    1回答

    var stage = new Kinetic.Stage({container:'container',width:500,height:500}); var Layer = new Kinetic.Layer(); var myRectangle = new Kinetic.Rect({x:100,y:30,width:100,height:50,fill:"red",stroke:'bl