How to add two images in canvas one upon another..?

Question

I just want to add two images with same dimensions in canvas one image in background another image is on background image...pls..help me Thank you

Answer 1

https://code.sololearn.com/Wc8F5SUMpA9H/?ref=app

Answer 2

Gordon thank you soo much this is exactly I want .and you can set that canvas element width and height.(why because it shows default width and heights of canvas )..

Answer 3

You can set background for any tag for example body as follows:

body{
background-image: url("https://dl.dropbox.com ... /yourImage.jpg?");
background-size: 100vw 100vh;
background-repeat: no-repeat;
}

Answer 4

JaScript
Read my question well
I don't want background image of canvas element I want to add two images both are in canvas .
Adding one image and at the same place I want to add another one

Answer 5

By fine tuning sequence, size and position of the two images

About x-axis and y-axis in canvas :
https://code.sololearn.com/WVRn0qLBrCoX/?ref=app

Answer 6

Gordon I didn't want this ...this is belongs to line

Answer 7

The linked code is for the graphical illustration of canvas coordinate system.

Have you read the content of my answer?

Answer 8

Gordon yes I read . How can i fix that background image (which is invisible to outside...)