简单计算常用字符所占宽度

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/admans/article/details/81624001
var tester = document.createElement('div');
tester.style.display = 'inline-block';
tester.style.fontSize = '100px';
for(var i=33;i<127;i++)
{
tester.innerHTML = String.fromCharCode(i);
document.body.appendChild(tester);
console.log(i+"	"
            +tester.innerHTML+"	"
            +tester.offsetWidth+"	"
            +(tester.offsetWidth/parseInt(tester.style.fontSize))
            ) 
}
33	!	28	0.28
34	"	36	0.36
35	#	56	0.56
36	$	56	0.56
37	%	89	0.89
38	&	67	0.67
39	'	19	0.19
40	(	33	0.33
41	)	33	0.33
42	*	39	0.39
43	+	58	0.58
44	,	28	0.28
45	-	33	0.33
46	.	28	0.28
47	/	28	0.28
48	0	56	0.56
49	1	56	0.56
50	2	56	0.56
51	3	56	0.56
52	4	56	0.56
53	5	56	0.56
54	6	56	0.56
55	7	56	0.56
56	8	56	0.56
57	9	56	0.56
58	:	28	0.28
59	;	28	0.28
60	<	58	0.58
61	=	58	0.58
62	>	58	0.58
63	?	56	0.56
64	@	102	1.02
65	A	67	0.67
66	B	67	0.67
67	C	72	0.72
68	D	72	0.72
69	E	67	0.67
70	F	61	0.61
71	G	78	0.78
72	H	72	0.72
73	I	28	0.28
74	J	50	0.5
75	K	67	0.67
76	L	56	0.56
77	M	83	0.83
78	N	72	0.72
79	O	78	0.78
80	P	67	0.67
81	Q	78	0.78
82	R	72	0.72
83	S	67	0.67
84	T	62	0.62
85	U	72	0.72
86	V	67	0.67
87	W	99	0.99
88	X	66	0.66
89	Y	66	0.66
90	Z	61	0.61
91	[	28	0.28
92	\	28	0.28
93	]	28	0.28
94	^	43	0.43
95	_	56	0.56
96	`	33	0.33
97	a	56	0.56
98	b	56	0.56
99	c	50	0.5
100	d	56	0.56
101	e	56	0.56
102	f	29	0.29
103	g	55	0.55
104	h	56	0.56
105	i	22	0.22
106	j	22	0.22
107	k	50	0.5
108	l	22	0.22
109	m	84	0.84
110	n	56	0.56
111	o	56	0.56
112	p	56	0.56
113	q	55	0.55
114	r	33	0.33
115	s	50	0.5
116	t	28	0.28
117	u	56	0.56
118	v	49	0.49
119	w	71	0.71
120	x	49	0.49
121	y	49	0.49
122	z	49	0.49
123	{	33	0.33
124	|	26	0.26
125	}	33	0.33
126	~	58	0.58

猜你喜欢

转载自blog.csdn.net/admans/article/details/81624001