canmove, Confirmed users
18
edits
Gecko:SVGLayout: Difference between revisions
Jump to navigation
Jump to search
Some suggestions
m (linkify bug#) |
(Some suggestions) |
||
| Line 2: | Line 2: | ||
* Wrap an SVG container around an auto-height HTML element (e.g., to rotate it, or to apply a filter). I think there's just no way to do this right now. SVG does not support inside-out sizing. | * Wrap an SVG container around an auto-height HTML element (e.g., to rotate it, or to apply a filter). I think there's just no way to do this right now. SVG does not support inside-out sizing. | ||
(We can make <foreignObject> size around its contents using dbaron's 'width: shrink-wrap' or some such. Not sure how to make <svg> shrink wrap around the <foreignObject> though. ----) | |||
* XUL + SVG? Not sure what the typical use case is here. Can someone paste an example? | * XUL + SVG? Not sure what the typical use case is here. Can someone paste an example? | ||
| Line 12: | Line 14: | ||
<pre> .svg-container { position:relative; z-index:0; } | <pre> .svg-container { position:relative; z-index:0; } | ||
.svg-container > svg { position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; }</pre> | .svg-container > svg { position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; }</pre> | ||
(Better, probably, from an HTML author point of view, is to support SVG in the CSS 'background-image' property. ----) | |||
Some suggestions: | Some suggestions: | ||