Forum Discussion
Storyline 360 picture border showing incorrect
SVG borders in Storyline can be tricky because SVG doesn’t have a true CSS-style border. What looks like a “border” is actually a <path> with a stroke drawn around the image.
Since strokes are centered on the path, part of the border can fall outside the visible area and get clipped, especially when scaling or transforms are applied. That’s why edges can appear uneven or cut off.
To keep all borders visually consistent in thickness, a simple workaround is to change the drawing order with JavaScript so the path is rendered on top of the image.
I don't think it is really a Storyline bug. Storyline just outputs an SVG where the “border” is a stroked <path>, and then the browser handles the rendering. But Storyline just makes it more noticeable because it positions and scales elements dynamically and it places the stroke behind the image by default.
SLIDE VIEW
Related Content
- 10 years ago
- 10 years ago