kineticjs Questions
3
I'm trying to build a transform manager for KineticJS that would build a bounding box and allow users to scale, move, and rotate an image on their canvas. I'm getting tripped up with the logic for ...
Greenes asked 6/9, 2012 at 22:24
2
Solved
Angular JS identify an digest complete event and removing # from url in angular js during viewchange
1) Is there any digest complete event which I can use to update my canvas. I have an angular app which has view for different properties of the canvas object. Whenever I change the property, once t...
Moyna asked 15/1, 2014 at 13:14
2
I'm trying to set a simple zoom in/out functionality on a canvas. I'm using KineticJS to handle touch events and drawing in canvas, but couldn't implement the zoom. KinteicJS have a similar example...
2
Solved
I am a little new to JavaScript, and I know that there are different inheritance models that can be used. I have a project I used KineticJS for and I noticed in their changelog that they changed th...
Hunkers asked 1/1, 2013 at 19:53
1
Solved
I'm building a canvas paint tool where the use simply drags his mouse to draw on the canvas. As I understand it lines is the best way for the job. So on mouse down I create a KineticJS Line object ...
Twentyfourmo asked 14/10, 2013 at 7:12
4
Solved
I'm having some problems with scaling a container to a fixed point.
In my case I'm trying to scale (zoom) a stage to the mouse cursor.
Here is a way to do with pure canvas:
http://phrogz.net/tmp/c...
Kreit asked 11/9, 2012 at 14:50
1
Solved
I would like to resize, stretch an HTML5 canvas in a way that the canvas act like an IMG element: set width-height by pixel, percent...
I wonder if is there any way to convert/export an HTML5 canv...
Washday asked 2/8, 2013 at 3:48
1
Solved
I am trying to follow this example http://www.script-tutorials.com/html5-canvas-image-zoomer/
I get the following error:
Object doesn't support property or method 'getContext'
here is my script...
Involuntary asked 2/6, 2013 at 7:25
2
Solved
I'm updating a div in a page using jquery mobile in order to play some animations.
The animations also play sound through use of document.createElement('audio');
My problem is, when I update the ...
Evidently asked 10/4, 2013 at 15:37
1
Solved
I have an image loaded on the dom already, and I want to be able to drag that image into a canvas and drop it into the canvas and create a kineticjs object out of it.
I don't know how to make the ...
Sputum asked 29/4, 2013 at 4:58
2
Solved
Is there a method or workaround to return the text width of a string in a Text Shape, in KineticJs?
I would need it to position precisely the TextShape on the canvas.
Villeneuve asked 2/10, 2012 at 18:16
3
I'm working on a project with HTML5 Canvas and KineticJS. A half-transparent overlay (a KineticJS group or layer) is placed all over the scene. The problem is: Mouse events bound to KineticJS objec...
Arethaarethusa asked 4/4, 2013 at 11:23
1
Solved
In Kinetik, if I have this:
A layer with objects with events
Above, I have another layer with overlapping objects
How I can keep layer 1 events?
(Something like pointer-events property in CSS?...
Sommerville asked 29/3, 2013 at 16:42
2
Solved
I want to code an app that simply puts a rectangle on the screen. But I need to combine kinetic.js and backbone.js for this and i am not sure it can be done.
Kinetic code is:
document.getElementB...
Amerce asked 16/3, 2013 at 0:22
3
Solved
I wondered if anyone could shed some light on the way in which layers are managed in Canvas and KineticJS. I'm struggling understand why when i clear(); a layer, then use the draw(); function on th...
1
Solved
I'm using Kineticjs and I'm defining a rect event like this
this.rect.on('click tap', function(){
foo();
});
The event is fired when I left-click, but also when right-click. How can I avoid to f...
Moffit asked 23/2, 2013 at 11:18
2
I'm using the KineticJS text objects with gradient fills etc to act as buttons. But now that the verticalAlign property was recently removed, how do I vertically align my text in its bounding box? ...
Higginson asked 29/10, 2012 at 0:4
1
Solved
What is the difference between KineticJS methods layer.draw(), layer.drawScene() and layer.drawHit()?
Panchromatic asked 6/2, 2013 at 6:17
1
Solved
When I replace new Gallery with new Kinetic.Stage the code works properly
When I work with the dirived class it does not work.
Why is the kind of deriving Gallery from Kinetic.Stage wrong ?
width...
Sphinx asked 25/1, 2013 at 21:10
3
I am currently developing an android application using phonegap. I have an html5 canvas that I am drawing and animating objects on. It works great on android 2.3, but on android 4+ it is not redraw...
Matsumoto asked 9/10, 2012 at 16:48
2
Solved
OK, I admit I tried to be clever: I thought if I overrode Shape's drawFunc property I could simply draw whatever inside a rectangle and still use KineticJS's click detection. Here's my attempt:
va...
Fiore asked 24/10, 2012 at 0:52
3
Solved
I'd like to draw a rectangle with click and drag. How can I do this ? Where do I have to put my click event listener ? On the stage or on the layer ? I have the following code but it doesn't work :...
Orsino asked 3/5, 2012 at 8:41
1
Solved
I'm using KinectJS to draw lines based on mouse movement. When a user holds down the mouse button, I want it to be the 'start' point of the line, and when the user release, it will be the 'end' of ...
Quash asked 7/9, 2012 at 4:0
1
Solved
I have made the following using KineticJS and D3.js. I have used KineticJS to let me popup tooltips when the user hovers over one of the dots. However, the tooltip appears cut off because of the bo...
Florafloral asked 23/8, 2012 at 18:56
2
Solved
© 2022 - 2024 — McMap. All rights reserved.