94965


目的  
正円の中から外へはみ出さないテキスト文字数をカウントしたい

前提  
・正円の中でテキストを折り返し表示  
・文字の大きさは固定(em)  
・テキスト数は可変

知りたいこと  
例えば、文字の大きさが「1.2em」の場合、  
円(外枠div枠)の「幅」＝「高さ」と「文字の大きさ」と「文字数」には、どのような関係性が成り立ちますか？

[code]

    div{
      display:inline-block;
      border-radius:50%;
      backgrounud-color:green;
    }
[/code]

[code]

    <div>折り返し表示される
    文字数可変のテキスト</div>
[/code]


CC BY-SA 4.0
2023-05-22T10:49:42.643
94938
2023-05-24T22:34:58.470
2023-05-22T11:17:39.190
7347
7886
question
css 数学
正円の中でテキストを折り返し表示する場合、正円の中から外へはみ出さないテキスト文字数のカウントの仕方は？


> 「1文字のフォントサイズ」と「テキスト文字数」が分かれば、そこから外へはみ出さない正円サイズを算出できるかも

厳密に求めるなら、おそらく「円のサイズを仮決めしてから実際に文字を配置して足りるかどうかチェック」で二分探索する必要がある気がします。

簡単にするなら、「文字が占める予想面積の正方形が入る正円よりちょっと大きめ」ぐらいでいいんじゃないでしょうか。Math.sqrt(行の高さ *
フォントサイズ * 文字数) / sin(45°) / 2 より少し大きい値を半径にします。


CC BY-SA 4.0
2023-05-24T22:34:58.470
94965
2023-05-24T22:34:58.470
3475
94938
answer