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