VanquishedWombat

Konva – HTML5 canvas blur & spotlight effect

Based on the learnings from my clip regions with holes article I thought I would cover how to make a spotlight effect since it has been asked for a few times on the discord channel. here we go…

Konva – Clip Regions with Holes

Making clip regions with holes can be confusing. I grabbed this simple example by user @Balage1551 from the Konva discord as I thought it was a great example.

Konva – Rotating a rectangle to cover another

In an earlier post I covered how to rotate a shape around any point on the canvas without using offset. In this post I’ll look at how to rotate and scale a rectangle so that it entirely covers the space it occupied before rotation. This is useful if you ever have to rotate an imageContinue reading “Konva – Rotating a rectangle to cover another”

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.

Konva – HTML5 canvas synchronisation, 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.

Konva – HTML5 canvas synchronisation, 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 “Konva – HTML5 canvas synchronisation, part 1”

Thoughts – Support me not

A few thoughts for folks who might be new to the support role. Acknowledge early, be straight & factual, and sign your work.

Thoughts – The trouble with npm-install…

Boss to developer at 5pm Friday: “That proof-of-concept you knocked up last week for the sales team web dashboard ? We’ve promised the full-blown version to the users by next week – you’re good with that, right?”