kineticjs

    0热度

    1回答

    我想以一种将canvas上下文textBaseline属性设置为“字母”的方式对齐文本。 kineticjs我无法获得完全相同的效果。 var letters = [ { symbol: "A", x: 3.0, size: 20 }, { symbol: "B", x: 36.3, size: 30 }, { symbol: "C", x: 86.3,

    0热度

    1回答

    我在我的项目中使用KonvaJs。我需要实现绑定到Konva.Layer的拖动。我的图层有很多其他形状和图像。我需要将层的运动限制到它的宽度和高度的50%。我在这里完成的方式plunkr.当用户使用鼠标滚轮放大或缩小图层时,会出现问题。放大后,我不知道为什么拖动界限的行为有所不同。似乎我无法正确地做数学。我需要具有相同的行为,即当用户不执行缩放时,层的移动方式受到限制。这是我在做什么: //...

    3热度

    1回答

    专业人士的简单问题..我想输出数组项,并更改y位置。我错过了一些东西。输出在同一行上。这是我的Jsfiddle。谢谢您的帮助。 var s = new Kinetic.Stage({container: 'toolpanel', width:500, height:700}); var l = new Kinetic.Layer(); var cp3 = new Kinetic.Rect(

    3热度

    2回答

    现在我在玩KonvaJS。我在shape上设置了一个click事件监听器。当我点击shape时,侦听器被调用。在我的听众中,我调用了event.preventDefault()方法来停止触发其他事件。但是当我这样做时,它说Uncaught TypeError: event.preventDefault is not a function。我不知道我错过了什么。这里是我的code: <!DOCTYP

    1热度

    1回答

    我正在使用kineticJS的一个项目中工作,我在一个图层内有很多组,每个组都有很多对象(img,text,events ...)。 我想知道是否有可能找到一个特定的组使用ID或名称和重画它? 类似的东西: var group = new Kinetic.Group(); var layer= new kinetic.Layer(); ///............

    1热度

    2回答

    我学习Konvajs和HTML5 Canvas和面临的一些问题: 创建的图像阵列填充的菜单,并指定每个图像的值等于ID到它的图像名称。完成没有问题。 点击任何一个或多个菜单图像以每个图像绘制到Konva阶段用于进一步操纵像与该旋转等。具有问题: var pics = ["pic1.png", "pic2.png"]; $.each(pics, function(index, value)

    1热度

    1回答

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

    5热度

    2回答

    我目前正在研究KonvaJS来创建一个类似于废品预订应用程序,并且我试图显示像一个项目符号列表。 我试图使用文本形状并将html添加到文本以查看它是否会呈现它,但没有运气。 这甚至可能吗?如果是这样,怎么样?如果没有,KonvaJS有什么其他方式来展示优秀的文本,如列表,大胆的内线...... var text = new Konva.Text({ text: '<div>this i

    1热度

    2回答

    此功能减少或增加memedotcomtop和memedotcomtop2在同一时间的字体大小,一旦我点击这样做。我想分别减少和增加每个的大小。更具体地讲,你可以在下面 的图片看,我有两个文本框,一个加号和每个 ,当我想增加或减少文本的大小在一个减号按钮第一盒(memedotcomtop),它减少或增加同样在第二框中的文本的大小(memedotcomtop2) 我的代码是: layer.add(me

    2热度

    1回答

    以下是Konvajs库为例来加载图像: var imageObj = new Image(); imageObj.onload = function() { var yoda = new Konva.Image({ x: 50, y: 50, image: imageObj, width: 106, height: 118 });