kineticjs

0热度

1回答

我想使用Kinetic JS制作一个游戏，并且我想要一个'infinte' 一群敌人。我正在尝试使用数组来做到这一点。我的预加载代码： enemy = new Kinetic.Image({x:10,y:10,image: enemyImage}); enemies.push(enemy); enemies.push(enemy); 而且在我的级别代码reffrencing对他们说： f

0热度

1回答

如何将文本转换为图像中运动JS版本5.1.0

我下面的代码做工精细用kineticjs 4.4.3版，但给误差kineticjs版本5.1.0（如屏幕截图所示）代码为：变种的SimpleText =新Kinetic.Text（{ X：50， Y：50，文本： '测试'， fontSize的：16，填充： “白” }） ; simpleText.toImage（{ 宽度：50，高度：50， X：50， Y：50，回调：函数（IMG）

2热度

3回答

擦除HTML5画布上的图像部分？

我有一个HTML5画布。我正在使用KineticJS(KonvaJS)画布库。在一张空白的画布上，我打出一张图像，如下图所示。现在我想创建一个可以用来擦除图像部分的圆形。图像中的红圈是橡皮擦。我怎么能擦除HTML5画布图像的部分？

1热度

2回答

如何将Alpha与合成图像结合起来？

我有一个HTML5画布。我正在使用KineticJS（KonvaJS）画布库。画布包含一个图像，如下所示。现在我想擦除像素，但与某个透明度级别相结合。红点将擦除透明度为0的像素。这在this问题中解决。绿点擦除像素为0.5的透明度。透明度越高，橡皮擦效果越小。我如何定义橡皮擦的实力？

0热度

2回答

如何将Kineticjs画布上的图像保存到数据库？

我有一个帆布 function initStage(images) { var stage = new Kinetic.Stage({ container: "container", width: 550, height: 550 }); 和保存按钮 $('#save').click(function() { stage.t

1热度

1回答

图像是可拖动到一个微小的x，y坐标

在，jsfiddle.net/gkefk/32多个图像可以拖动图像后的任何地方拖动...但我想，当我拖动蓝色图像时，它必须放下盒子的中心。蓝色的img不能拖动，但其他图像可以放在盒子里的任何地方，并可以在盒子内的任何地方拖动...我怎么做到这一点？ JS代码 var $stageContainer = $("#container"); var stageOffset = $stageCo

0热度

1回答

KineticJS将动画形状转换为精确位置

我有一个多边形，并将其设置为线性路径。 var anim = new Kinetic.Animation(function(frame) { shape.setX(99); if(shape.getPosition().y < window.innerHeight/2){shape.setY(shape.getPosition().y + frame.time/48);}; }, l

0热度

1回答

将动能转换textPath图像

我使用下面的代码为动能textPath转换为图像 var simpleText = new Kinetic.TextPath({ x: 400, y: 0, fill: '#333', fontSize: '24', fontFamily: 'Arial', text: 'Lorem Ipsum Lorem Ipsum ',

0热度

1回答

KineticJS选择形状并在其正下方显示div

我正在使用KineticJS在画布上绘制形状。点击形状时，我想直接在选定形状下面叠加一个div。这将允许用户改变一些属性（文字，颜色等）。我处理这样的单击事件，这是工作的罚款 myShape.on('click', function() { alert('clicked'); }); 因此，而不是只是提醒，我想只显示所选择的形状下的一个div。我不知道如何去定位一个di

0热度

1回答

KineticJS - 基本JavaScript范围问题

好吧，我试图把JavaScript放在一个单独的源文件中。这是一个新手问题，但我在layer.add(imageObj)上收到一个'undefined'错误。我猜这是因为window.onLoad，但我没有找到一个直接的答案。 <html> <head> <link rel="stylesheet" type="text/css" media="screen" href="index