Konva.js Blog

A tech blog giving usable explainers, advice, tools, tricks and techniques for the Konva.js JavaScript canvas library, the HTML5 canvas, and related subjects.

Konva - building a  rich text editor for HTML5 canvas

Konva - building a rich text editor for HTML5 canvas

VanquishedWombat ― May 9, 2024

So I spent some time building a rich text editor as a side project. Here's some of what I learned which I'm sharing so you can avoid the bear traps and subsequent pain!

Konva rtx richText editor editing
JavaScript - working with Emoji's or the café problem

JavaScript - working with Emoji's or the café problem

VanquishedWombat ― May 9, 2024

Working with non-English languages or emoji's and finding that strings get garbled or just don't add up? Let me try to explain why...

richText Emoji JavaScript unicode
Konva - having fun with lines and animation

Konva - having fun with lines and animation

VanquishedWombat ― May 9, 2024

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.

Line Animation
PDF - Can I edit a PDF in the browser?

PDF - Can I edit a PDF in the browser?

VanquishedWombat ― May 9, 2024

This was originally a StackOverflow question asked about 7 years ago. I preserve it here because the answer continues to receive upvotes, so seems of interest to some folks, and it was voted to close on SO.

pdf editing Browsers
Konva - using coordinate space and API methods

Konva - using coordinate space and API methods

VanquishedWombat ― May 8, 2024

When we exchange position and size information with Konva, multiple coordinate systems come into play. We normally use the canvas or stage coordinates but others are available. Knowing which to use will save a lot of frustration later. Lets investigate...

Paid Konva Tricks
Konva's hit testing is as good as it gets

Konva's hit testing is as good as it gets

VanquishedWombat ― May 8, 2024

I mistakenly thought that a math-based mouse pointer hit testing approach might be faster than Konva's built-in approach. In the end I had to agree that Konva has it covered and there's no optimisation to be done. Here's the explanation...

Konva Performance Large canvas
Konva - how to know when the layer is drawn

Konva - how to know when the layer is drawn

VanquishedWombat ― April 29, 2024

A question I see sometimes is how can we know when the layer gets redrawn. Firstly I recommend that you don't sweat about this - Konva does a perfectly good job without you interfering. But if you absolutely have to there is a way. Let's take a look...

Konva Tricks
Developing an HTML5 canvas app. Why use a model

Developing an HTML5 canvas app. Why use a model

VanquishedWombat ― April 29, 2024

There's more to writing code than simply, well, writing code! With anything graphical there is always the potential for runaway development that doesn't plan for the scale ahead. This article is about why you need to consider a model. Take a look...

JavaScript Techniques Model
Page 9 of 12
  • Home
  • About
  • Hire me
KonvaTricksJavaScriptCanvasTextTransformationsVitePerformanceLinePathCSSrichTextClipFuncTypeScriptAnimation
  • Sign up
© 2026 Konva.js Blog
Forma theme by Just Good Themes. Powered by Ghost.