Comments (5)
Yup, sorry about the request getting buried. I got swamped for a while and am trying to catch up on proposals.
Yes, viewbox should totes be a property; nearly everything in SVG should be. A simplified version that solely exposes none | <length>{4}
would be utterly uncontroversial. I like, however, the bounds
value, and having it be defined simply as the stroke bounding box is good. This is essentially just CSS shrinkwrapping (in theory, of course; it's different in practice).
from csswg-drafts.
@tabatkins Are you able to move this issue to the FX repo? I'd like to keep any view-box spec under the (shared) responsibility of the SVG WG.
And if you do start drafting something, Tab, I'd be happy to review it. If you don't get to it, it's still on my eventual To-do list. Just buried under far too many other to-do's!
from csswg-drafts.
Would this affect non-SVG stuff too? I'm no expert on this attribute, but it sounds kind of like a clip-path:inset() effect which also affects the element's instrinsic dimensions, causing it to be scaled so that the new dimensions are contained by the original dimensions. Is that something we want for plain old HTML too?
from csswg-drafts.
@bradkemper I don't think so. This doesn't clip, either; viewBox just (a) from the POV of stuff inside the SVG, sets up the coordinate space they position themselves in (and in particular, what "100%" maps to), and (b) from the POV of stuff outside the SVG, defines the intrinsic aspect ratio of the element.
(a) doesn't mean anything for non-SVG elements. (b) could theoretically, but it's a very roundabout way to handle aspect ratio, and misses some features we'd like for a real aspect-ratio property, so I don't think we should try to smuggle aspect-ratio into general CSS via viewbox.
from csswg-drafts.
This issue was moved to w3c/fxtf-drafts#7
from csswg-drafts.
Related Issues (20)
- [css-sizing] Proposal: `default-width` CSS property
- Editorial suggestions from HR HOT 3
- [css-variables-2][css-properties-values] Constants in CSS HOT 2
- [css-nesting][selectors] Behavior of & at the root of a stylesheet HOT 4
- [CSS-UI] caret-shape: block/underscore and overflow
- T
- [css-fonts-5] Computed value for font-size-adjust HOT 1
- [css-ui] `outline-style` should work for both UA and author values around anonymous block boxes
- [css-values-5] Interpolating calc-size() more generally HOT 3
- [selectors] Adding a `:heading()` selector for headingoffset? HOT 1
- [cssom-1][css-pseudo-4] getComputedStyle and pseudo-elements with pseudo-classes or sub-pseudo-elements
- [selectors-4][css-pseudo-4] meaning of ::search-text:current(…), :past, :future
- [css-cascade-6] Scope Proximity & Sibling-Element Hops HOT 1
- [css-contain] Stacking Context is undesired
- [css-view-transitions-1] Naming elements inside shadow DOM via `::part` HOT 1
- [css-anchor-positioning-1] [scroll-animations-1] Scoping names on elements based on tree scope HOT 1
- [css-color-5] Declared value serializations of absolute and relative colors
- [mediaqueries-5] Add a `prefers-image-alternatives` media query HOT 2
- Key HOT 1
- [css-anchor-position-1] Improve accessibility guidance
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from csswg-drafts.