Bug 82147 – Canvas inside svg foreignObject renders incorrectly

• Component: SVG
• Status: RESOLVED DUPLICATE

[jay]

apologies there is currently no reduced test case, as I am awaiting input from contributors to related bugs
bug68635
bug3781

try:
http://localhost/talks/mcts.html
renders well in recent safari

and
similar code is used to render
http://www.peepo.com
click on golden key and tick mcts.
click on board,
if rendering bug is not evident,
adjust speed, in bottom left repeatedly click on thinking symbol to make slower,
ie more animated colour.
click on board,

in my tests only 25% or less of board is rendered in time
as a partial irregular box, from top left corner

bilinear lerp is used to generate large colour map,
which firefox renders smoothly at all speeds, on 2.26 Ghz core2duo

[Simon Fraser (smfr)]

So there are two issues here:
1. Performance
2. The overlay canvas is the wrong size.

I profiled while running, and almost all the time is running JS, so it's not a canvas drawing performance issue.

Attaching a screenshot showing the rendering issue.

[Simon Fraser (smfr)]

Created attachment 176033 [details]
Screenshot (chrome on left, Safari on right)

[Simon Fraser (smfr)]

Related to other bugs about RenderLayers inside foreignObject.

[Simon Fraser (smfr)]

*** This bug has been marked as a duplicate of bug 103117 ***