Currently, I am working on creating transparent images using canvas in HTML5 and I would like to incorporate borders into them.
The issue I'm facing is that the "Stroke" property does not consider the transparency of the image and applies it as if it were a rectangle.
For example:
https://i.sstatic.net/3Hb8F.png
It's important to note that the image linked contains transparency.
To achieve the desired result, I have been using ImageMagick:
https://i.sstatic.net/6Ptob.png
I exclusively work with PNG images. My objective is to utilize HTML canvas for this process. I am currently using vue-konva but am open to suggestions for solutions using native canvas...