Comments (3)
One complication on SVG vs CSS: The CSS solution is to put the overflow text below the content-box of the element, regardless of whether or not the shape-inside fills up that entire content-box.
In SVG, at least as we're currently defining it, there is no direct equivalent of content-box. Shapes are defined relative to the view-box. Overflowing text below/beyond the view-box would normally mean overflowing it outside the SVG. It also means that multiple text elements would overflow into the same region. Which would basically be a big mess that serves neither aesthetic nor accessibility goals.
(And accessibility, to me, is the main concern: overflow will often be an issue if the user has set a minimum font size that is larger than what the designer intended. Aesthetics will inevitably bad if text is overflowing the shape, but we want it to still be readable!)
from svgwg.
So the outcome of the Sydney F2F discussion was to just overflow out of the shape for the basic case, and maybe add other options later? I'm finding the minutes to be confusing on this topic.
http://logs.csswg.org/irc.w3.org/css/2016-02-02/#e649639
from svgwg.
The SVG 2 spec has been update. No behavior is defined for the moment but may in the future. It is suggested that an over flow shape be given in the 'shape-inside' value.
from svgwg.
Related Issues (20)
- Sizing properties section should link to a more recent references
- Should SVG's `<script>` element support the `fetchpriority` attribute analogous to HTML's `<script>` element? HOT 2
- Should support async and defer attributes on script elements
- Specification of the behaviour of `inline-size: 0`
- No way to construct a TimeEvent, so its initTimeEvent method is fully useless
- The IDL of SVGSVGElement.getElementById does not allow null
- Should SVG's `<image>` element support the `fetchpriority` attribute analogous to HTML's `<img>` element? HOT 1
- Decimal point not allowed according to Path Data ENBF HOT 3
- Enable lazy loading for URLs on use href HOT 1
- Does SVG support Custom elements? HOT 1
- Error about drawto_command in SVG 2.0 path EBNF HOT 2
- What should happen when trying to insert empty strings or separators into SVGStringList
- SVGAElement.prototype.text should be removed HOT 6
- Serialization of transform functions and transform attribute.
- Update UA stylesheet rules to use :any-link instead of :visited or :link HOT 2
- Incorrect description of path horizontal and vertical movement HOT 7
- Publish current status of SVG
- Is the `path()` function allowed for the `d` property? HOT 2
- Can we fix arc interpolation? HOT 4
- Implementing CSS Text Wrapping in SVG HOT 1
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 svgwg.