Forum Discussion
Web Objects blurry, especially text
Hello. I have created a Web Object in Animate CC and inserted into Storyline. Outside of Storyline, the Web Object looks great, even zoomed in (see attachment AnimateCCWebObject_OutsideStoryline-SHA...
Hello Everyone!
I'm happy to share that we have released Storyline 360 version 78 (Build 3.78.30680.0)!
Included in this release is the fix for the bug: HTML5: Web Objects With Images Are Blurry.
Now all you need to do is update Storyline 360 in your Articulate 360 desktop app on your computer. You'll find our step-by-step instructions here.
Please let us know if you have any questions by reaching out to our Support Engineers directly.
Have a great day!
the problem is the scaling with css transform of an iframe, that triggers the blurred text
add this small javascript on the slide with your web object
if( window.cssPatchWebObject !== "done") {
style = document.createElement('style');
style.textContent = `
.webobject {
width: 100% !important;
height: 100% !important;
transform: none !important;
};`
document.body.appendChild(style);
window.cssPatchWebObject = "done";
}
now the web object is not scaled anymore - the text is sharp
Thank you very much. I will try it out.
