Comments (4)
opentype.js just gives you the font outlines as they are. You can combine this with other libraries to get the desired effect. Our g.js library has support for this, for example.
Here's an example using g.js:
var path = font.getPath(text, x, y, fontSize);
// The Path object from opentype has the same
// data structure as g.js, but different methods. Change
// its prototype to g.Path so things like path.resampleByAmount work.
path.__proto__ = g.Path.prototype;
path.point(0.5); // This returns the point at position "t", where t is in the range [0.0-1.0]
from opentype.js.
Hi Frederik,
Thanks for your suggestion. I downloaded g.js. Having problems with using it correctly. It seems to use requireJS or AMD specs. As I am still taking baby steps in the realm of AMD, I am unable to comprehend the errors it is throwing at me.
The way, I used it was:
<script src="scripts/libs/require.js"></script>
<script src="scripts/libs/jquery-1.11.1.js"></script>
<script src="scripts/libs/opentype.js"></script>
<script src="scripts/libs/g.js-master/src/g.js"></script>
<script src="scripts/app/font_fns.js"></script>
Can I use g.js in a normal (non AMD) mode? Should I write a main.js containing path : {} entries to make this work
Is it possible to send an example of using this in a normal way?
regards,
RV
from opentype.js.
I've updated the instructions on g.js to install. You can use the files in the dist
folder directly, or use Bower or Browserify.
Let me know if that works for you.
from opentype.js.
It works. Thank you.
from opentype.js.
Related Issues (20)
- An unexpected situation occurred when using path. toSVG(), where NaN caused text rendering errors HOT 3
- how can I get font metadata by font file (.ttf,.otf,.woff2,.woff) by simple method? HOT 2
- Why did we depricate the load function? HOT 5
- Bold/Italic Emulation implementation needed. HOT 5
- Invalid font result with opentype.js HOT 1
- 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 10
- 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
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.