I have an issue with properly loading an image on the client side of the webvisu. I have following setup:
Wago PFC100 (750-8100) running codesys v3.5 SP13 Patch1.
The image is properly loaded and embedded in the imagepool. (See attached screenshot). In the webvisu I created an image element with dynamic image switching, using a string variable. The switching of the image works perfect in the preview of the webvisu inside of codesys. However client side in a web browser does not display the image, even though it has been embedded. (see screenshots)
When inspecting the website in my browser (right click -> "View page source") i get the following XML code:
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<body onload="new Webvisu('background', 'foreground', false)">
<div style="position: absolute; left: 0px; top: 0px;">
<canvas id="background" width="1280" height="800" style="position: absolute; left: 0px; top: 0px; z-index: 100;">Webvisu not supported due to missing browser feature HTML5-Canvas</canvas>
<canvas id="foreground" width="1280" height="800" style="position: absolute; left: 0px; top: 0px; z-index: 200;">Webvisu not supported due to missing browser feature HTML5-Canvas</canvas>
I have googled the missing browser feature HTML5-Canvas issue and it seems chrome suspects a XXS (Cross-Site Attack), since I'm changing the image programatically.
I tried changing settings in chrome, to allow java-script execution, no luck.
I have tried different browsers as well, and changing settings, same issue.
I did install the certificates, so the https is resolved correctly (on the underlying os of the PFC100), but still same issue, it won't load properly.
Any ideas what else I could try? I really want those damn images to show client-sided.
Thanks for any hints.