Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #162221
    webtecgeek
    Participant

    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 &amp;&amp; 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;
        });
    

    });

    `

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.