KineticJS is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications.
1
vote
1answer
12 views
Put text Inside Kinetic.Circle
I'm trying to put text inside a circle from Kinetic.Circle but i can't find the right answer. I have the following code:
var circle = new Kinetic.Circle({
x: 30,
y: stage.getHeight() / 2,
...
0
votes
0answers
15 views
Limit canvas pinch zoom out on iPad Safari
I have this fiddle
JS Fiddle
I want to limit the pinch zoom out of a canvas on iPad Safari. When i pinch out the canvas shrinks and becomes small. Is there any way i can limit the zoom out level ...
0
votes
1answer
19 views
Drag and zoom with canvas kineticjs
I've made a draggable stage with kineticjs and also made a zoom function by means of scaling the canvas.
When using the zoom factor, the canvas is zooming to the center of the screen. But after ...
0
votes
1answer
27 views
New properties to Kinetic objects?
How can I add / extend properties to Kinetic objects through a function?
Let me explain further. I can create a new Kinetic object like this
var car = new Kinetic.Rect({
width: 15,
height: 10});
...
0
votes
1answer
41 views
Speeding up my KineticJS drawing canvas on mobile
I looking to use KineticJS as drawing canvas and it works very on desktop browsers, but is very sluggish on mobile browsers. Right now I'm just continuously calling draw on the layer as the mouse is ...
0
votes
0answers
29 views
loading json images into tabs with kineticjs
I am not using any jQuery. I have three tabs with three different images one in each tab and the opportunity to write a different text in each image. I have used only one stage, added one image layer ...
0
votes
1answer
29 views
Kineticjs with cache, how it's work?
I read this tutorial http://www.html5canvastutorials.com/kineticjs/html5-canvas-shape-caching-with-kineticjs/, and I need help with buffering stage. I mean, when the user clicks the 'save', I want to ...
2
votes
2answers
40 views
Multiple shape fadout with Kinetic js produces a stack overflow
Hello Stackoverflow community
As I am trying to build a small game, i came to a problem.
Somehow, when i try to fade out multiple shapes, respectivly a group with the shapes in it, some of the shapes ...
0
votes
1answer
34 views
Can I combine KineticJS and jQuery?
Hello stackoverflowers,
I have a jquery bootstrap dropdown on my page with various sizes (Mens small,medium etc) and kineticJs container with text element on it. I am trying to get ...
0
votes
0answers
22 views
KineticJS - parts of stage create pixel errors and refuse events
I'm currently writing chess using the most recent KineticJS.
Everything went well until I noticed, that there is a rectangle on stage, that seems to be buggy.
Before I go posting all the code I'd like ...
0
votes
1answer
20 views
How to change the color of a png?
I am trying to change the color of a simple png. The png holds just a simple shape with transparency. At the moment I am changing the color via canvas context:
var imageData = context.getImageData(0, ...
-2
votes
0answers
33 views
Create an html5 game with physics engine [closed]
I would like to create an open source clone of this game http://play.mordskerlgames.com/acrabbits/ . I know some javascript, canvas, and kineticjs library.
I was wondering if there was something ...
0
votes
1answer
39 views
Kinetics.js to automatically redraw canvas on user actions
I am using Kinetics.js to operate with my canvas and jQuery to handle user actions. So all functions work perfectly fine, when I use them one by one. But when I try to combine two functions for one ...
1
vote
1answer
53 views
zooming a group with KineticJS
Here is the structure I have
Layer:
ParentGroup:
-Kinetic Image
-ChildGroup
- Kinetic rectangle
- Kinetic Text
On my kinetic image (that I retrieve from the server), ...
0
votes
1answer
30 views
Kineticjs Mouseover and click
I'm working on a board game with kineticjs and I'm facing a problem with mouse handling.
I have an image with a mousemove event that draw a preview selection.
The problem is with the click event on ...
