Vite - a script for quick template-based project scaffolding
This script gives me a consistent start for a new project, with my standard logging, utilities, and other things I rely on and would otherwise copy and paste from previous projects.
This is a tech blog for the JavaScript Konva 2D canvas library. There's over 70 posts pitched for beginners, experts, and experienced developers covering concepts, how-tos, techniques, practices, experiences and opinions.
Most posts are members-only - it's free to sign up and I'll never pass on your contacts so join in and see whats on the other side of the wall - it'll be worth it.
Most posts are members-only - it's free to sign up and I'll never pass on your contacts so join in and see whats on the other side of the wall - it'll be worth it.
Konva - Using Windsurf editor with Cascade AI - experience so far
Probably like all devs I'm wondering what my future holds now that AI is meant to be able to code like a dev guru mainlining sugary beverages. I'm dipping my toe in with Windsurf and Cascade. Should I be thinking about a new career? Here's my experience so far.
Members only
Konva - scribed rect onto rotated, translated and scaled layer
We've probably all made a mouse-driven selection rect. But what about when the layer has a transform applied - maybe it was dragged, or perhaps scaled at a point via the mouse wheel. But now the rect is all wrong. How to fix that...
Members only
Konva - finding the center of the current view
Your app allows zooming and panning and now you need to find the center of the current canvas view to add a new shape. How do you do that...
Members only
Konva - detect background clicks
Your UI needs some way to let the user defocus from some selected element, maybe hiding the transformer or closing a popup. How to do that easily?
Members only
Konva - zooming the stage but keeping 1:1 scale on specific shapes
I was fiddling with a simple toolbar when I changed the scale to 2x. Suddenly my toolbar is huge - not what I needed. So how to keep one shape at 1:1 scale while all around it change their size? Read on...
Members only
Konva - icons from web fonts like Font Awesome
In canvas apps we need to make buttons and use icons for other purposes. Font Awesome and its fellows are often selected by the boss as a critical requirement. They're easy to use with HTML elements and CSS, but what about the HTML5 canvas? Here's a way...
Members only
Konva - making a tight border around text
Someone asked on the Discord channel about how to make a border around a multi-line Konva.Text element and how to get that border to tightly wrap around the text. They had tried making a Konv.Rect at the same size and position as the text shape but the border had too much gap. Lets take a look...
Members only