我正在尝试使用'Fitty'创建具有可变字体大小的文本,以适合容器内div中的对齐。
我使用Angular,发现Fitty主要是作为常规JS脚本创建的,可以在浏览器中运行。经过一番摸索后,我发现this thread on Github,似乎有人和我有相同的想法,但他们的建议是,我似乎无法工作。
我想知道过去是否有人这样做?
Here is a link to my Stackblitz(如果您想签出)。我在那里安装了Fitty依赖项。
github线程在说什么的要点是导入和使用,例如:
import fitty from 'fitty';
...
myElement = document.getElementById('myEl');
this.fit = fitty(myElement, { minSize: 50, maxSize: 300, multiLine: true });
this.fit.fit();
最佳答案
您正在尝试访问ngOnInit中的HTML DOM。但是,根据Angular Life Cycle钩子,我们认为也可以在ngAfterViewInit内部进行访问。
ngAfterViewInit(){
const myDiv = document.getElementById('x');
this.fits = fitty(myDiv, { minSize: 50, maxSize: 300})
this.fits.fit();
}
https://stackblitz.com/edit/fitty-angular-xuafvj?