self-adapt-fontsize

Introduce

According to the given width and height, the maximum font size that can adapt to the width and height will be set in order to realize the self-adapt-fontsize.

根据给定的宽和高来设置可适应此宽高的最大字号，以实现字号自适应

Install

npm

npm install self-adapt-fontsize --save

local reference

<script src="./dist/index.js" type="text/javascript"></script>

Usage

this plugin accepts 3 parameters: the dom element, the width of the dom element and the height of the dom element.

插件接受三个参数，分别是dom元素，dom元素的宽度，dom元素的高度

the following uses of this plugin are both right.

以下两种插件使用方式都是正确的。

<script src="./dist/index.js" type="text/javascript"></script>
 
...
 
var safs = SelfAdaptFontSize.getInstance();
safs.fontSize(document.getElementById("test1"),600,60);
safs.fontSize(document.getElementById("test2"),400,40);
safs.fontSize(document.getElementById("test3"),300,30);
 
...
<div id="test1" style="width:600px; height:60px;">this is a test.</div>
<div id="test2" style="width:400px; height:40px;">this is a test. this is a test.</div>
<div id="test3" style="width:300px; height:30px;">this is a test. this is a test. this is a test. this is a test.</div>

---

import SelfAdaptFontSize from 'self-adapt-fontsize';
 
...
 
const safs = SelfAdaptFontSize.getInstance();
safs.fontSize(document.getElementById('test1'), 600, 60);
safs.fontSize(document.getElementById('test2'), 400, 40);
safs.fontSize(document.getElementById('test3'), 300, 30);
 
...
 
<div id="test1" style="width:600px; height:60px;">this is a test.</div>
<div id="test2" style="width:400px; height:40px;">this is a test. this is a test.</div>
<div id="test3" style="width:300px; height:30px;">this is a test. this is a test. this is a test. this is a test.</div>