Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでテキスト幅を計算します。


テキストの幅を計算するには、 Canvas.measureText()を使用します JavaScriptのメソッド。次のコードを実行して、テキストの幅を取得してみてください-

<!DOCTYPE html>
<html>
   <head>
   </head>
   <body>
      <script>
         function displayTextWidth(text, font) {
            var myCanvas = displayTextWidth.canvas || (displayTextWidth.canvas = document.createElement("canvas"));
            var context = myCanvas.getContext("2d");
            context.font = font;
           
            var metrics = context.measureText(text);
            return metrics.width;
         };
         document.write("Text Width: "+displayTextWidth("This is demo text!", "italic 18pt verdana")); //
      </script>
   </body>
</html>

  1. JavaScriptでテキストボックスを選択することは可能ですか?

    はい、select()メソッドを使用してJavaScriptでテキストボックスを選択します。まず、入力テキストを作成しましょう- Enter your Name:<input type="text" id="txtName" value="John"> <br> <button type="button" onclick="check()">Select Text Box</button> 次に、ボタンクリックでテキストボックスを選択します- 例

  2. JavaScriptで<strong>タグにテキストを設定するにはどうすればよいですか?

    まず、要素-を設定します <strong id="strongDemo">Replace This strong tag</strong> 上記で設定されたid属性は、#-を使用してテキストを設定するために使用されます。 $(document).ready(function(){    $("#strongDemo").html("Actual value of 5+10 is 15....."); }); 例 <!DOCTYPE html> <html lang=&qu