I want to add image in javascript [closed]

Question

i want to add image using javascript but it is not working

html code:

<body onload="init()"> <canvas id="canvas" width="640" height="480"> <p>your browser doesnot support html5 canvas.</p> </canvas> <script src="script.js"> </script> </body>

and this is javascript:

var canvas; var context; function init() { canvas = document.getElementById("canvas") context = canvas.getContext("2d"); console.log("loading comepletd"); var image = new Image(); image.src = "ball.png"; }

What exactly are you expecting to happen? You're creating an instance of an image but you aren't doing anything with it. — Mike Cluck
– Mike Cluck, Commented Aug 29, 2016 at 14:41
you forgot a semi-colon after the getElementById() And you can you the JS console to debug your code ;) (F12) — Pierre
– Pierre, Commented Aug 29, 2016 at 14:42
i want to show this image in my browser. That's all i want to do! — suzan
– suzan, Commented Aug 29, 2016 at 14:43
The phrase: "Not working" is going to invite downvotes. We are not mind-readers. Tell us what you expected to happen and what actually happened. — Eric Leschinski
– Eric Leschinski, Commented Aug 29, 2016 at 14:43
@Pierre Technically the semicolon isn't required but it's definitely a good idea to be consistent. — Mike Cluck
– Mike Cluck, Commented Aug 29, 2016 at 14:43

KANAYO AUGUSTIN UG · Accepted Answer · 2016-08-29 14:52:36Z

0

Try this

var canvas; var context; function init() { canvas = document.getElementById("canvas"); context = canvas.getContext("2d"); console.log("loading comepletd"); var image = new Image(); image.src = "ball.png"; image.onload = function(){ context.drawImage(image, 100, 100); } }

edited Aug 29, 2016 at 14:52

answered Aug 29, 2016 at 14:47

KANAYO AUGUSTIN UG

2,2083 gold badges22 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

mplungjan Over a year ago

stackoverflow.com/questions/6011378/how-to-add-image-to-canvas

mplungjan Over a year ago

Please delete your answer instead of copying the code from the link I posted

suzan Over a year ago

@kanayo austin kane this worked for me!

KANAYO AUGUSTIN UG Over a year ago

@suzan. Am happy it worked. Please mark it as answered and don't forget to upvote

suzan Over a year ago

i am new at stackoverflow so i don't know so much about marking etc,etc

|

Collectives™ on Stack Overflow

I want to add image in javascript [closed]

1 Answer 1

9 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Linked

Related