javascript - why aren't my images showing up -


hi i'm trying learn how use easeljs libraries, combining of extjs libs butt i'm having trouble putting code in .js files. js file looks this

var democanvas = document.createelement('canvas'); document.body.appendchild(democanvas); democanvas.height = "400"; democanvas.width = "600";   function init() { var canvas = document.getelementbyid("democanvas"); var stage = new createjs.stage('canvas'); var im = new createjs.bitmap("dbz.jpg");  //  im.regx - im.image.width *.2;   //  im.regy - im.image.height *.2;  stage.addchild(im); stage.update();  im.addeventlistener("click", function(){  var seed = new createjs.bitmap("seed.jpg"); seed.alpha = 0.5; seed.x = window.event.clientx; seed.y = window.event.clienty;   stage.addchild(seed); stage.update();  }); //end seed evenlistener */   } //end functin init()

this doesn't work, if comment out whole document.createelement('canvas') section , apply 

 <body onload="init();"> <canvas id="democanvas" width="1000" height="1000">     alternate content  </canvas>

to index.html file start working :( included .js within body tag of te index html

edit:::::::::::::::::::::: current code, still not showing unless add canvas html page :(

window.onload = function (){ var democanvas = document.createelement('canvas'); //document.body.appendchild(democanvas); democanvas.height = "400"; democanvas.width = "600"; }  var stage; function init() { stage = new createjs.stage("democanvas"); var text = new createjs.text("hello world", "bold 86px arial", "#ff7700");  stage.addchild(text); stage.update(); }  init();

another thing - since using image paths, , not loaded images bitmaps sources, possible images not ready when update stage. can either put onload handlers on image(s) update stage, or preload them first.

var image = new image(); image.onload = handleload; image.src = "src.jpg";  function handleload(event) { stage.update(); }  // can use bitmap var bitmap = new createjs.bitmap("src.jpg"); bitmap.image.onload = handleload;

you can tick stage update constantly. quick way see if thats problem.

createjs.ticker.addeventlistener("tick", stage); // or createjs.ticker.on("tick", stage);

Comments

Post a Comment

Popular posts from this blog

How to mention the localhost in android -

i trying call localhost in android application. unfortunately not possible used several methods emulator local host http://10.0.2.2/android/dbconnection.php and network ip address http://192.168.1.xx/android/dbconnection.php also http://localhost:8080/android/dbconnection.php but nothing connected localhost. purpose refer stackoverflow answers not working i facing same problem when worked on localhost. referred stackoverflow answer got solution create new emulator works fine in new emulator.
Read more

php - Calling a template part from a post -

i include iframe within post in wordpress. located inside content of post, meaning cannot in post template file, otherwise either before or after. i'd add facebook plugin within posts: <div id="socialwrap"><div class="fb-like" data-href="http://onlinearizonahomes.info" data-send="true" data-width="450" data-show-faces="true" data-font="arial"></div></div> i thinking of calling template part within post <?php get_template_part( 'social' ); ?> cannot use php within post without plugin (i'd avoid using plugin this). an alternative using javascript create html in post, seems unnecessary use of javascript. what best way add html within wordpress post? you can use shortcode. add functions.php function cudjex_fbshare( $atts, $content = null ) { global $post; $link = get_permalink($post->id); return '<div id="socialwrap...
Read more

c# - String.format() DateTime With Arabic culture -

check below code snippet, namespace testdateconvertion { class program { static void main(string[] args) { datetime testvalue = new datetime(2013, 12, 15, 15, 33, 44); cultureinfo culture = new cultureinfo("ar-sa"); string stringvalue = string.format(culture, "{0:d} {0:hh:mm:ss}", testvalue); console.writeline(stringvalue); console.readline(); } } } it gives output 22/02/35 15:33:44 i not getting how possible. whats 35 doing in output there that's 13/12/2015 in hijri, 35 means 1435 in hijri, default date format saudi arabia.
Read more