bad html5 rendering of wide borders in the top left of the image.

Feb 10, 2015

Hi, in Storyline 2 I need to insert several images with wide line around them. I set a width of 13 px to line style with the standard compound type, no dash. The problem is that all images in html5 output are rendered as if the top left corner of the border was "missing" (a square hole appears) probably because of the way the border are rendered. I tried all the combinations of "cap type" and "join type" (i put 9 images on the screen with all 9 combinations of the previous options, like "cap type: flat + Join type: round" and so on) but no one of them seems working. 

Any idea?

thank you.

 

6 Replies
Ashley Terwilliger-Pollard

Hi Zio,

Thanks for sending the file - so it's the images itself, not the border of the player that are showing the hole? Sorry for my confusion there. I see the same thing as in this example I published to Tempshare and the HTML5 output linked here. I saw the same thing in a new file I tested as well, so I'm going to share this with our QA team for additional review. I don't have a timeframe to offer in regards to this issue, so in the meantime I'd utilize a different method to add the border - possibly another shape behind the image and group them together? 

This discussion is closed. You can start a new discussion or contact Articulate Support.