User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b11pre) Gecko/20110131 Firefox/4.0b11pre
Build Identifier: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b11pre) Gecko/20110131 Firefox/4.0b11pre
The arrow keys SVG graphic on the Canvas Pinball HTML5 demo don't display properly with Minefield.
Not displayed correctly in Minefield:
Displayed correctly in Chrome:
<p>To play, use the arrow keys <span class="GiantFont">(<span id="arrowKeys"><img width="75" height="56" src="assets/aarowkeys.svg"></span>)</span>. Left and right operate the flippers, and the down arrow key operates the launcher.</p>
(In reply to comment #0)
> <img width="75" height="56"
From the SVG:
<svg width="100" height="75" xmlns="http://www.w3.org/2000/svg">
This is an instance of bug 614649 (i.e. NOTABUG, but an difference in behavior between us & chrome/opera).
In short: the <svg> node needs to add viewBox="0 0 100 75" to tell the browser (a) that it wants a region scaled to fit a viewport and (b) what that region is.
Absent a viewBox, we just present the (cropped-to-75px-by-56px) upper-right corner of SVG-space, at 100% zoomlevel. See the other bug for more.
*** This bug has been marked as a duplicate of bug 614649 ***
(In reply to comment #1)
> From the SVG:
> <svg width="100" height="75" xmlns="http://www.w3.org/2000/svg">
For the record, the "aarowkeys.svg" used in this demo has now changed (on Microsoft's web site) to:
> <svg width="100" height="75" viewBox="0 0 100 75" xmlns="http://www.w3.org/2000/svg">
so this demo should now work in older Firefox 4 beta versions and nightlies, from before bug 614649 was fixed.
Per today's messages to www-svg, IE9 RC apparently changed (with respect to their beta) to match the behavior that mozilla-central had up until a few days ago (until bug 614649 landed):
(for reference, aarowkeys.svg is located at