Borders about bubbly-bg

[tipsy]

Thanks @capsticm.
Borders are annoying in canvas. You need to set lineWidth and strokeStyle, then call stroke(). This will draw a stroke on the current outline of your shape, so if you have lineWidth = 4, you will get 2px inside the shape, and 2px outside. Most people would probably want the stroke to be 4px outside the shape, or be allowed to choose. In addition, drawing the stroke interferes with the default composite-style used in bubbly (lighter), so you would have to change this to make it work "as expected". All of these things would add a lot of complexity (and lines of code), so I thought it wasn't worth it.

tl;dr: No, you can't. I considered adding borders, but it made everything a lot more complicated.

[capsticm]

G'day David Thank you for the reply and information regarding borders. Might try and have a fiddle with it myself. Thanks again. BTW I reckon there would be a lot of interest if you created a tutorial showing how you built this. regards mikec

…

On Sun, Oct 8, 2017 at 9:09 PM, David ***@***.***> wrote: Thanks @capsticm <https://github.com/capsticm>. Borders are annoying in canvas. You need to set lineWidth and strokeStyle, then call stroke(). This will draw a stroke on the current outline of your shape, so if you have lineWidth = 4, you will get 2px inside the shape, and 2px outside. Most people would probably want the stroke to be 4px outside the shape, or be allowed to choose. In addition, drawing the stroke interferes with the default composite-style <https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation> used in bubbly (lighter), so you would have to change this to make it work "as expected". All of these things would add a lot of complexity (and lines of code), so I thought it wasn't worth it. *tl;dr*: No, you can't. I considered adding borders, but it made everything a lot more complicated. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#12 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ADo64mQWNNlYBl0bC-K2MEDRliIHQGNmks5sqJ9igaJpZM4PxhwY> .