Go Back   CodingForums.com > :: Client side development > JavaScript programming

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 10-02-2012, 08:06 AM   PM User | #1
verminousdan
New to the CF scene

 
Join Date: Oct 2012
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
verminousdan is an unknown quantity at this point
Help with Uni question

I have been given this exercise to complete for my Uni class, but am having great difficulty making it work.

Find an image on the internet that you like and copy its URL.
o Make sure it will fit in the dimensions of the canvas!
• Put this code after you declare the context but before you do any drawing:
var myImage = new Image();
myImage.src = “###”
// paste your URL instead of ###!
• The first line declares a new image variable.
• The second line fills the image variable with the contents of the image at the specified URL
(this is called the source, and can either be an image on your computer or on the internet).
• The image won’t display yet because even though it is in memory, it is not being drawn.
• Try to figure out how to get the image displaying on the screen using the canvas
drawImage command.
• Once you have done this, create several different images on your hard drive and display
them all at various locations on the canvas.


i have tried adding a source file under the context variable, and before the actual drawing part, but nothing happens. I tried using myImage.drawImage for the drawing part but still ntohign happens. Can someone please help me.
verminousdan is offline   Reply With Quote
Old 10-02-2012, 08:23 AM   PM User | #2
Philip M
Supreme Master coder!

 
Philip M's Avatar
 
Join Date: Jun 2002
Location: London, England
Posts: 17,036
Thanks: 197
Thanked 2,411 Times in 2,389 Posts
Philip M has a spectacular aura aboutPhilip M has a spectacular aura aboutPhilip M has a spectacular aura about
This forum is not a free coding service. As a general rule, the people helping out in this forum don't write code for others (especially code that appears to be for homework), but try to help with fixing code that doesn't work. You may perhaps get someone to write this script for you, but you'll be far more likely to get help if you have made a substantial effort and written some code yourself. Then someone here will almost certainly help you correct/improve your work.

Have a look at https://developer.mozilla.org/en-US/...l/Using_images
http://www.w3schools.com/html5/canvas_drawimage.asp

It is your responsibility to die() if necessary….. - PHP Manual
__________________

All the code given in this post has been tested and is intended to address the question asked.
Unless stated otherwise it is not just a demonstration.

Last edited by Philip M; 10-02-2012 at 08:29 AM..
Philip M is online now   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 10:01 AM.


Advertisement
Log in to turn off these ads.