有哪些开源html5的组态软件,FScada组态软件

1.7.1 绘制图像绘制图像需要使用 drawImage() 方法。此方法需要一个图像对象和一个起始点坐标作为参数，其

中起始点坐标是相对于canvas的左上角的位置。如：

context.drawImage(imageObj, x, y);

效果图

代码

}

#myCanvas {

border: 1px solid #9C9898;

}

    

window.onload = function() {

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");         var imageObj = new Image();

imageObj.onload = function() {           context.drawImage(imageObj, 69, 50);

};

imageObj.src =

"http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg";       };

关于图像的说明

由于 drawImage() 方法需要一个图像对象作为参数，所以我们需要在实