Comment calculer la largeur d'une chaîne ?

Question

Par exemple

var str = '你好，world'.

Mettez-le dans p, et p est une police de 12 pixels. Les autres conditions ne sont pas prises en compte. Alors, quelle est la largeur de str ?

S'il s'agit uniquement de caractères chinois, vous pouvez en écrire 8em. Il peut contenir des caractères et des symboles chinois. Comment gérer cela en js ?

Answer 1

Cela ne peut pas être calculé. La largeur n'est pas seulement liée à la taille de la police, mais aussi à la police, à l'espacement, etc. Il est préférable de parler de vos intentions. Je pense que vous pensez dans la mauvaise direction

.

Answer 2

En utilisant l'API MeasureText() de Canvas, vous pouvez le calculer et obtenir votre effet. Cependant, il est évident que l’ajouter au canevas pour le calcul sera redondant et inutile.
//Peut-être que si vous ajoutez de l'espacement, ce sera vraiment difficile.

Answer 3

J'ai un plan, ça devrait fonctionner
Réglez p sur inline,
https://jsfiddle.net/afqkt0d1/1/

La largeur du contenu d'une boîte d'élément en ligne non remplaçable est (la largeur du contenu de) le contenu rendu à l'intérieur (avant le décalage relatif de tous les enfants)
http://www.ayqy.net/doc/css2-. ..

Il est également possible de définir p sur un positionnement flottant, absolu ou fixe, ce qui équivaut à donner à p la propriété d'emballage.

D'une autre manière, l'habillage signifie créer des éléments en bloc. Par exemple, la largeur par défaut d'une balise p est affichée à 100 %, mais une fois qu'elle est enveloppée par l'attribut absolu, la largeur par défaut de 100 % deviendra la largeur de l'adaptatif. élément interne

http://www.zhangxinxu.com/wor...