kineticjs

Kinetic js drag, drop, resize and rotate image

by

You were very close, just using some incorrect method names, and as was said before, the cdn needs to change. function update(activeAnchor) { var group = activeAnchor.getParent(); var topLeft = group.get(‘.topLeft’)[0]; var topRight = group.get(‘.topRight’)[0]; var bottomRight = group.get(‘.bottomRight’)[0]; var bottomLeft = group.get(‘.bottomLeft’)[0]; var image = group.get(‘.image’)[0]; var stage = group.getStage(); var anchorX = activeAnchor.getX(); … Read more

Fast and responsive interactive charts/graphs: SVG, Canvas, other?

by

Fortunately, drawing 2000 circles is a pretty easy example to test. So here are four possible implementations, two each of Canvas and SVG: Canvas geometric zooming Canvas semantic zooming SVG geometric zooming SVG semantic zooming These examples use D3’s zoom behavior to implement zooming and panning. Aside from whether the circles are rendered in Canvas … Read more