lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-04-05 20:48:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

When rendering multi-line texts, check text decoration flags once

Browse Source 
A small improvement to avoid re-testing the presence of underline
and line-through attributes in the textDecoration property on each
line of the text being rendered.
This commit is contained in:
VladimirTechMan 2019-01-15 21:39:40 +03:00
parent 160757781c
commit 1a62681e58
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/shapes/Text.ts
View File

@ -137,9 +137,11 @@ export class Text extends Shape {
align = this.align(),
totalWidth = this.getWidth(),
letterSpacing = this.letterSpacing(),
textDecoration = this.textDecoration(),
fill = this.fill(),
fontSize = this.fontSize(),
textDecoration = this.textDecoration(),
shouldUnderline = textDecoration.indexOf('underline') !== -1,
shouldLineThrough = textDecoration.indexOf('line-through') !== -1,
n;
context.setAttr('font', this._getContextFont());
@ -181,7 +183,7 @@ export class Text extends Shape {
context.translate((totalWidth - width - padding * 2) / 2, 0);
}
if (textDecoration.indexOf('underline') !== -1) {
if (shouldUnderline) {
context.save();
context.beginPath();
@ -200,7 +202,7 @@ export class Text extends Shape {
context.stroke();
context.restore();
}
if (textDecoration.indexOf('line-through') !== -1) {
if (shouldLineThrough) {
context.save();
context.beginPath();
context.moveTo(0, 0);