How to load a CANVAS from an image stored on server but not displayed in the HTM

[webtecgeek]

How to load a CANVAS from an image stored on server but not displayed in the HTML DOM

Hello,

I have a code here where I display an image and when I click on it,
it becomes a canvas.
It is OK but I want in my website to display only the CANVAS.
That is I would like to load the CANVAS direct from the image
located on the server without displaying the image, it comes from ,
on the screen?
Is there a way to do that?

Thanks for any help.
`

<title>ANIMATION with timer: a solution very difficult to apply</title>

AAAA

$(function() {

$("#img_src13").click( function()
    {
    run1=0;
    canvas_in = $("#myCanvas_IN");
    canvasinPosition = {
        x: canvas_in.offset().left,
        y: canvas_in.offset().top
    };
    num = 1;    
    img_srcin="img_src13";
    elemin = document.getElementById("myCanvas_IN");
    if (elemin && elemin.getContext) 
        {
           contextin = elemin.getContext("2d");
          if (contextin) 
            {

             imgin=document.getElementById(img_srcin);
            contextin.drawImage(imgin,0,0);
            }
        }
     imgdin = contextin.getImageData(0, 0, 448, 448);
     pixin = imgdin.data;
    });

});

`

[Author]

Posts