Comments (6)
SVG 1.1 'dominant-baseline' is based on the XSL 'dominant-baseline'. It includes additional values other than those currently in CSS Inline:
- 'use-script'
- 'no-change'
- 'reset-size'
- 'ideographic'
- 'middle'
- 'text-after-edge'
- 'text-before-edge'
from svgwg.
Could CSS add the currently unsupported options?
from svgwg.
CSS Inline Layout includes text-after-edge
and text-before-edge
as synonyms for text-bottom
and text-top
respectively for the alignment-baseline
property, which may be supported in SVG implementations for backwards compatibility. It seems reasonable to extend that to dominant-baseline
; the SVG WG could probably also ask for that may to be upgraded to a must without much pushback. The reason they changed the terminology (despite the fact that after/before is more general than top/bottom) is to match up with the existing CSS vertical-align
property.
I don't know why ideographic
is not preserved, although I think it usually works out as equivalent to text-bottom
. Maybe we could ask for it to be added as an official synonym, too? middle
exists in the latest CSS drafts for alignment-baseline
, although I'm not sure that the wording is entirely consistent with SVG. I would strongly argue for it to be available for dominant-baseline
. It's the best option for center-aligning lowercase text in SVG.
The other values are more complex from an implementation standpoint. We'd probably need some real-world use cases to convince CSS & user agents to join on. Do you have examples & a working implementation @Tavmjong ?
I would prefer to avoid SVG-specific terminology, but I also recognize that dominant-baseline
is much more relevant in SVG text-around-an-anchor-point than in CSS text-in-a-box.
from svgwg.
CSS has a trimmed down list of baseline values. They have an open issue to check what's actually needed.
http://logs.csswg.org/irc.w3.org/css/2016-02-02/#e649804
Might be this action?
https://www.w3.org/Style/CSS/Tracker/actions/631
We should keep an eye on changes so we can review them when they happen.
from svgwg.
Waiting on w3c/csswg-drafts#201
from svgwg.
Added in w3c/csswg-drafts@fd68a2e
from svgwg.
Related Issues (20)
- 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
- optional
- Arc sweep vs clockwise explanation HOT 1
- incorrect syntax for svg_path in SVG2 draft
- Define path interpolation when relative and absolute segment types are used. HOT 4
- gradient stroke along path direction 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.