05.11.2019, 15:51
(03.11.2019, 10:26)Erwin van der Zwart Wrote: Hi,
Try this:
1) Create a html named canvas.html with this content
2) Upload canvas.html to the background images tabCode:<!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="100%" height="100%" style="border:1px solid #000000;"></canvas> </body> </html>
3) Create a iframe and add source to: /scada/resources/img/canvas.html
4) Add this code to the custom JavaScript
BR,Code:$(function(){ $( document ).ready(function() { var f= $('iframe') f.load(function(){ const cvs = f.contents().find('#myCanvas') console.log(cvs); const ctx = cvs[0].getContext("2d"); console.log(ctx); ctx.moveTo(0,0); ctx.lineTo(200,100); ctx.stroke(); }) }); });
Erwin
Hi, I have a question about porcentage.
When you put "width="100%" height="100%"" what is the origin? In my frame is a small square.
Thanks