123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172 |
- import { ShapeUtils } from '../ShapeUtils';
- import { ShapePath } from './Path';
- /**
- * @author zz85 / http://www.lab4games.net/zz85/blog
- * @author mrdoob / http://mrdoob.com/
- */
- function Font( data ) {
- this.data = data;
- }
- Object.assign( Font.prototype, {
- isFont: true,
- generateShapes: function ( text, size, divisions ) {
- function createPaths( text ) {
- var chars = String( text ).split( '' );
- var scale = size / data.resolution;
- var offset = 0;
- var paths = [];
- for ( var i = 0; i < chars.length; i ++ ) {
- var ret = createPath( chars[ i ], scale, offset );
- offset += ret.offset;
- paths.push( ret.path );
- }
- return paths;
- }
- function createPath( c, scale, offset ) {
- var glyph = data.glyphs[ c ] || data.glyphs[ '?' ];
- if ( ! glyph ) return;
- var path = new ShapePath();
- var pts = [], b2 = ShapeUtils.b2, b3 = ShapeUtils.b3;
- var x, y, cpx, cpy, cpx0, cpy0, cpx1, cpy1, cpx2, cpy2, laste;
- if ( glyph.o ) {
- var outline = glyph._cachedOutline || ( glyph._cachedOutline = glyph.o.split( ' ' ) );
- for ( var i = 0, l = outline.length; i < l; ) {
- var action = outline[ i ++ ];
- switch ( action ) {
- case 'm': // moveTo
- x = outline[ i ++ ] * scale + offset;
- y = outline[ i ++ ] * scale;
- path.moveTo( x, y );
- break;
- case 'l': // lineTo
- x = outline[ i ++ ] * scale + offset;
- y = outline[ i ++ ] * scale;
- path.lineTo( x, y );
- break;
- case 'q': // quadraticCurveTo
- cpx = outline[ i ++ ] * scale + offset;
- cpy = outline[ i ++ ] * scale;
- cpx1 = outline[ i ++ ] * scale + offset;
- cpy1 = outline[ i ++ ] * scale;
- path.quadraticCurveTo( cpx1, cpy1, cpx, cpy );
- laste = pts[ pts.length - 1 ];
- if ( laste ) {
- cpx0 = laste.x;
- cpy0 = laste.y;
- for ( var i2 = 1; i2 <= divisions; i2 ++ ) {
- var t = i2 / divisions;
- b2( t, cpx0, cpx1, cpx );
- b2( t, cpy0, cpy1, cpy );
- }
- }
- break;
- case 'b': // bezierCurveTo
- cpx = outline[ i ++ ] * scale + offset;
- cpy = outline[ i ++ ] * scale;
- cpx1 = outline[ i ++ ] * scale + offset;
- cpy1 = outline[ i ++ ] * scale;
- cpx2 = outline[ i ++ ] * scale + offset;
- cpy2 = outline[ i ++ ] * scale;
- path.bezierCurveTo( cpx1, cpy1, cpx2, cpy2, cpx, cpy );
- laste = pts[ pts.length - 1 ];
- if ( laste ) {
- cpx0 = laste.x;
- cpy0 = laste.y;
- for ( var i2 = 1; i2 <= divisions; i2 ++ ) {
- var t = i2 / divisions;
- b3( t, cpx0, cpx1, cpx2, cpx );
- b3( t, cpy0, cpy1, cpy2, cpy );
- }
- }
- break;
- }
- }
- }
- return { offset: glyph.ha * scale, path: path };
- }
- //
- if ( size === undefined ) size = 100;
- if ( divisions === undefined ) divisions = 4;
- var data = this.data;
- var paths = createPaths( text );
- var shapes = [];
- for ( var p = 0, pl = paths.length; p < pl; p ++ ) {
- Array.prototype.push.apply( shapes, paths[ p ].toShapes() );
- }
- return shapes;
- }
- } );
- export { Font };
|