Drawing multiple images onto canvas causes ~20px offset - IE6,7+8Compat View

[GoogleCodeExporter]

What steps will reproduce the problem?
1. draw multiple images onto canvas in a grid pattern with no space left 
between coordinates such that image2 should appear tight up against image1.
2. View in IE6 

What is the expected output? What do you see instead?
- Images should appear with no border.
- Images appear with a ~20px border.

What version of the product are you using? On what operating system?
- Latest. 
- Win 2003

Please provide any additional information below.
- Does not happen in IE8 standards mode.
- See test case at: http://rbldesigns.com/excanvas/testcases/translate-and-
rotate-images.html

Original issue reported on code.google.com by leachryanb@gmail.com on 30 Mar 2009 at 4:14

Attachments:

• multiImageIssue.jpg
• translate-and-rotate-images.zip

[GoogleCodeExporter]

please copy and paste test case link, as the wrapping killed it on submit.

Original comment by leachryanb@gmail.com on 30 Mar 2009 at 4:16

[GoogleCodeExporter]

I was able to affect this by changing the value of Z to a higher value, but it 
messes 
up the render in other ways, might be memory related due to the size assigned 
to the 
elements at the higher values. I was able to make the space disappear by 
setting the 
Z value to 1000, but my 200px image then was output with a 20000px.  I don't 
understand what's going on here with those values.  Why does it look right with 
those 
ridiculous sizes? Just poking around so far, haven't made the investment of 
digging 
into VML and transformation matrices yet to debug... Hoping someone who knows 
takes a 
look before I have to go there ;)

Original comment by leachryanb@gmail.com on 1 Apr 2009 at 1:17

[GoogleCodeExporter]

Original comment by erik.arv...@gmail.com on 19 Apr 2009 at 7:20

• Changed state: Accepted

[GoogleCodeExporter]

Original comment by erik.arv...@gmail.com on 19 Apr 2009 at 7:28

• Changed state: Duplicate