webtecgeek
-
Posts
2 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by webtecgeek
-
-
Hello,
I am building a responsive WEBSITE.
For Dynamic DOM I use JQUERY
and CSS for HTML presentation.
I've heard a bit about Less-CSS in Bootstrap.
It seems we can have dynamic parameters inside the CSS but I have not understood how it works.
They speak of compiling with a JS library.
If some one could write to me 2 lines on this subject and give me a link
where it is not too much difficult to understand,
It would really help because until now I don't understand both what it enables, requires
and how to process.
Thanks.
How to load a CANVAS from an image stored on server but not displayed in the HTML DOM
in JavaScript
Posted
<!DOCTYPE html><html> <head> <title>ANIMATION with timer: a solution very difficult to apply</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> </head> <body> <img id = "img_src13" src="http://www.thecacaocafe.com/img/test.png" width="448"> <br> AAAA <canvas id="myCanvas_IN" width="448" height="448"></canvas><br> <script>$(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; });}); </script> </body></html>