Can i know if an image is transparent at a specific position?

Question

I'm making a game in javascript (for IE 10) that has a colision system. I want to colide the objects only when 2 visible parts colide, i want to ignore the transparent parts of the images.

Has any way to know if a position from an < img > is transparent or not?

hey man is your objects in circle? – Muhammad Talha Akbar Dec 12 '12 at 10:32 — Muhammad Talha Akbar, Dec 12 '12 at 10:32
No.. Its a Balloon... Not so easy :D – Bruno Croys Felthes Dec 12 '12 at 11:12 — Bruno Croys Felthes, Dec 12 '12 at 11:12

score 4 · Accepted Answer · answered Dec 12 '12 at 10:35

'Burn' the image into an HTML5 canvas, then get the specific pixel from the canvas and check its Alpha (http://falcon80.com/HTMLCanvas/PixelManipulation/getImageData.html).

I think it would be easier if you only worked with HTML5 canvas instead of moving around DOM segments.

score 0 · Answer 2 · edited May 23 '17 at 11:43

0

Check the following post :

You can use an image with the old-fashioned < map > and < area > tags.

Hover only on non-transparent part of image

edited May 23 '17 at 11:43

Community

1
1

answered Dec 12 '12 at 10:34

Anass

974
1
6
14

Can i know if an image is transparent at a specific position?

2 Answers2