Comments (4)
I think I figured it out. Font has undocumented ascender and descender properties. Those must be what I'm looking for.
from opentype.js.
But do you have any idea how to convert those values to real ascent and descent values for given font size? I'm thinking about creating poly fill for measureText
that uses opentype.js.
from opentype.js.
Ok I've found the solution:
var font;
opentype.load('url.ttf', function (err, f) {
font = f;
});
/* ... */
var fontSize = 100;
var scale = 1 / font.unitsPerEm * fontSize;
var measure = ctx.measureText('Test');
measure.fontBoundingBoxAscent = font.ascender * scale;
measure.fontBoundingBoxDescent = font.descender * scale;
from opentype.js.
Sorry for the late reply. Your answer is indeed correct – all font geometry values are in unitsPerEm
, so you have to scale them by that value.
from opentype.js.
Related Issues (20)
- font lose glyph name HOT 1
- Writing slow (30+ seconds) for certain fonts (CJK, Noto Chinese) HOT 2
- TypeError: Cannot read properties of undefined (reading 'featureIndexes')
- fvar.instances returns empty name entry if nameID is 17 (preferredSubfamily) HOT 13
- 'liga' should not support only latin words
- missing emoji substitutions HOT 9
- Character rendering issues occur when stroking text. HOT 11
- Detect and remove inner contours from path? HOT 5
- Naming Table Parsing seems buggy HOT 1
- Why isn't the fromSVG API included in the release version? HOT 1
- The variable font code uses Proxy, a non-polyfillable ES6 type. HOT 7
- Local build rules were deleted this should not have happened. HOT 13
- variable fonts: VariationManager set axes values for rendering HOT 12
- Proposal: API change freeze HOT 7
- SVG related y-Axis conversion differs in version 2.0.0
- Handling vertical advance; ascender / descender doesn't look correct for some fonts HOT 6
- `charToGlyph` throws error for missing glyph for fonts with default encoding HOT 1
- Gasp write support broken, opentype.js cannot read the fonts it creates
- `lowMemory` option causes glyphs to be skipped when writing font (with `toArrayBuffer`)
- `Uncaught (in promise) ReferenceError: exports is not defined` when using in Next.js HOT 3
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 opentype.js.