path – Coding for the long view

Konva – A workaround for inaccurate Path measuring

Long story short, Konvas path measuring for Path.getLength() and Path.getPointAtLength() methods are broken. There’s a simple and higher performance fix with SVG – lets take a look….

Konva – animation fun with lines

I was curious about how to close Konva lines, and I wanted to explore what we can do with lines and animation – here’s where it ended up.

Konva – editing path points

I wondered how to edit the points on a path or line – here’s an answer. Both the Konva Line and Path use a list of points to draw themselves. The Line takes a simple array of x & y values whilst the Path wants a data definition composed of SVG drawing commands. I choseContinue reading “Konva – editing path points”

Konva – HTML5 Canvas text on a path

The canvas does not yet provide the same level of character manipulation and measuring functions as we might find in the Windows GDI or similar. But it does give us canvas.measureText() to measure character size. Combine that with path.getPointAtLength() and we can fit text to a path. Measuring Text To have any chance to fitContinue reading “Konva – HTML5 Canvas text on a path”