neoCanvas

neoCanvas SinLios https://visualneo.com info@sinlios.com 2022 HTML5 Canvas plugin V: 1.0 C:\Users\sinli\OneDrive\CloudStation\visualneo\VisualNeoWeb\Plugins\neoCanvas\neocanvas.nabp yes

function neoCanvasInitialize(objId){
   var width = document.getElementById(objId).offsetWidth;
   var height = document.getElementById(objId).offsetHeight;
   $("#"+objId).html('<canvas id="'+objId+'Canvas" width="'+width+'" height="'+height+'"></canvas>');
}
function neoCanvasDrawImage(objId,objImg,x,y){
  var c = document.getElementById(objId+"Canvas");
  var ctx = c.getContext("2d");
  var img = document.getElementById(objImg);
  ctx.drawImage(img, x, y);
}
function neoCanvasDrawImageTile(objId,objImg,sx,sy,swidth,sheight,x,y,dwidth,dheight){
  var c = document.getElementById(objId+"Canvas");
  var ctx = c.getContext("2d");
  var img = document.getElementById(objImg);
  ctx.drawImage(img,sx,sy,swidth,sheight,x,y,dwidth,dheight);
}

Initializes neoCanvas objId|OBJID|Select a Container object Copy an image into the canvas at the desired position objId|OBJID|Select a Container object;objImg|OBJID|Select an image object;x|INTEGER|x coordinate where to place the image on the canvas;y|INTEGER|y coordinate where to place the image on the canvas Copy an image tile into the canvas at the desired position objId|OBJID|Select a Container object;objImg|OBJID|Select an image object;sx|INTEGER|x coordinate where to start clipping;sy|INTEGER|y coordinate where to start clipping;swidth|INTEGER|Width of the clipped image;sheight|INTEGER|Height of the clipped image;x|INTEGER|x coordinate where to place the image on the canvas;y|INTEGER|y coordinate where to place the image on the canvas;dwidth|STRING|Width of the image to use (stretch or reduce the image);dheight|STRING|Height of the image to use (stretch or reduce the image)