canmove, Confirmed users
18
edits
(Some suggestions) |
mNo edit summary |
||
| Line 3: | Line 3: | ||
* 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. - | (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. -Hixie) | ||
* 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 15: | Line 15: | ||
.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. - | (Better, probably, from an HTML author point of view, is to support SVG in the CSS 'background-image' property. -Hixie) | ||
Some suggestions: | Some suggestions: | ||