konva – Coding for the long view

Konva does not have css-type selectors, so what does it offer instead?

Used to using CSS selectors to work on the HTML DOM and wondering if there is anything similar in Konva? Here’s your answer!

Konva – a better zoom-at-a-point demo

The official Konva demo for “Zoom relative to a pointer” applies the zoom via a constant factor – I have an alternative suggestion.

Konva – drawing a grid over the stage

Putting a grid over a Konva diagram is a common use case so I thought I would explore some of the options and explain a little about what goes on when zooming the Stage.

HTML5 canvas synchronisation with Konva, part 2, peer-to-peer

In part 2 of my hacking a way to synchronise HTML5 canvases across browser windows, I’m taking the results from part 1 and making them work between browser windows via communications lib PeerJS.

HTML5 canvas synchronisation with Konva, part 1

Interactive whiteboard apps seem to be a popular use-case vector for the HTML5 canvas. I’m a fan of the Konva JavaScript 2d canvas library so I wondered what it would take to synchronise canvases. Design thoughts My end goal is a meeting or classroom-style whiteboard where there could be multiple users sharing and co-operating onContinue reading “HTML5 canvas synchronisation with Konva, part 1”

Konva – Zooming the stage under the mouse

When you start zooming with Konva you pretty quickly get frustrated about how to zoom relative to the mouse position and not the top-left corner of the stage. Here’s how to do that.

Konva Group – useful but spooky

The Konva group is a bit hard to pin-down, almost a normal shape but not quite. Its super-powers can be a bit challenging though once you understand a few fundamentals its got your back. Lets dive in…

Konva – Capture canvas animation to GIF in the browser

I’ve seen a number of questions regarding how to save an HTML5 canvas animation as an animated GIF. So, lets have at it…

Konva Text – what can it do?

I’m generally interested in text layout for couple of side projects so I’m keen to see what Konva can do for me with its Text object. I’m a fan of Konva, and I’m on a journey to understand it in as much depth as I can, and this is a step along the route. MyContinue reading “Konva Text – what can it do?”

Animation for HTML5 canvas with Konva

I wanted to learn about animation on the canvas so I’m making a smooth spiral animation of the first 199 words or David Bowie’s ‘Space Oddity’ using the excellent Konva canvas library and its animation feature.