Hopiu/fabric.js
1
0
Fork 0
mirror of https://github.com/Hopiu/fabric.js.git synced 2026-04-27 00:44:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add letter spacing support for svg (#3718)

Browse source 
* add letter spacing support for svg

* fix letter spacing for Parser

* Update itext.svg_export.js

* Update text.class.js
This commit is contained in:
Alexey Smirnov 2018-04-01 18:44:18 +02:00 committed by Andrea Bogazzi
parent c7895d1956
commit addea82c53
3 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/parser.js
View file

@ -35,6 +35,7 @@
'font-size': 'fontSize',
'font-style': 'fontStyle',
'font-weight': 'fontWeight',
'letter-spacing': 'charSpacing',
'paint-order': 'paintFirst',
'stroke-dasharray': 'strokeDashArray',
'stroke-linecap': 'strokeLineCap',
@ -110,6 +111,10 @@
else if (attr === 'textAnchor' /* text-anchor */) {
value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center';
}
else if (attr === 'charSpacing') {
// parseUnit returns px and we convert it to em
parsed = parseUnit(value, fontSize) / fontSize * 1000;
}
else if (attr === 'paintFirst') {
var fillIndex = value.indexOf('fill');
var strokeIndex = value.indexOf('stroke');

2
src/shapes/text.class.js
View file

@ -1319,7 +1319,7 @@
* @see: http://www.w3.org/TR/SVG/text.html#TextElement
*/
fabric.Text.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(
'x y dx dy font-family font-style font-weight font-size text-decoration text-anchor'.split(' '));
'x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(' '));
/**
* Default SVG font size

2
test/unit/text.js
View file

@ -220,6 +220,7 @@
elTextWithAttrs.setAttribute('font-style', 'italic');
elTextWithAttrs.setAttribute('font-weight', 'bold');
elTextWithAttrs.setAttribute('font-size', '123');
elTextWithAttrs.setAttribute('letter-spacing', '1em');
elTextWithAttrs.setAttribute('text-decoration', 'underline');
elTextWithAttrs.setAttribute('text-anchor', 'middle');
@ -246,6 +247,7 @@
fontFamily: 'Monaco',
paintFirst: 'fill',
fontStyle: 'italic',
charSpacing: 1000,
fontWeight: 'bold',
fontSize: 123,
underline: true,