loke/ng2-fittext
1
0
Fork 0
Code Issues 2 Pull requests 2 Projects Releases 3 Packages Wiki Activity Actions

add maxfontsize

Browse source 
Add possibility to set maxfontsize from the element. if set to true, the
maxfontsize automaticaly set to the original font size of the element
This commit is contained in:
Thierry Nischelwitzer 2017-06-19 06:57:53 +02:00
parent 0d7652c618
commit d15bc1326e
2 changed files with 13 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/ng2fittext.directive.ts
View file

@ -8,6 +8,8 @@ export class FittextDirective implements AfterViewInit, OnInit {
@Input('fittext') fittext: any;
@Input('activateOnResize') activateOnResize: boolean;
@Input('activateOnInputEvents') activateOnInputEvents: boolean;
@Input('useMaxFontSize') useMaxFontSize: boolean;
private maxFontSize: number = 1000;
private fontSize: number = 0;
private speed: number = 1.05;
@ -15,6 +17,8 @@ export class FittextDirective implements AfterViewInit, OnInit {
}
setFontSize(fontSize) {
console.log();
this.fontSize = fontSize;
return this.el.nativeElement.style.setProperty('font-size', (fontSize).toString() + 'px');
}
@ -37,7 +41,7 @@ export class FittextDirective implements AfterViewInit, OnInit {
if (this.activateOnResize && this.fittext) {
if (this.activateOnInputEvents && this.fittext) {
this.setFontSize(this.el.nativeElement.parentElement.clientHeight);
} else{
} else {
this.setFontSize(this.el.nativeElement.parentElement.clientWidth);
}
this.ngAfterViewInit();
@ -53,12 +57,12 @@ export class FittextDirective implements AfterViewInit, OnInit {
}
ngOnInit() {
if (this.useMaxFontSize) {
this.maxFontSize = parseInt(window.getComputedStyle(this.el.nativeElement).fontSize, null);
}
if (this.fittext) {
if (this.activateOnInputEvents) {
this.setFontSize(this.el.nativeElement.parentElement.clientHeight);
} else {
this.setFontSize(this.el.nativeElement.parentElement.clientWidth);
}
this.setFontSize(this.maxFontSize);
}
this.el.nativeElement.style.setProperty('will-change', 'content');
}