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

HTML5SVGを画面の中央に揃えます

SVGはScalableVectorGraphicsの略で、XMLで2Dグラフィックスとグラフィカルアプリケーションを記述するための言語であり、XMLはSVGビューアによってレンダリングされます。

例

SVGの例を見てみましょう-

<!DOCTYPE html>
<html>
   <head>
      <style>
         #svgelem {
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-20%);
            -ms-transform: translateX(-20%);
            transform: translateX(-20%);
         }
      </style>
      <title>SVG</title>
      <meta charset="utf-8" />
   </head>
   <body>
      <h2>HTML5 SVG Circle</h2>
      <svg id = "svgelem" height = "200" xmlns = "https://www.w3.org/2000/svg">
         <circle id = "redcircle" cx = "50" cy = "50" r = "50" fill = "red" />
      </svg>
   </body>
</html>

中央に配置するには、次のようにCSSを追加します-

# svgelem {
   margin-left:auto;
   margin-right:auto;
   display:block;
}

  1. JavaでJComboBoxのアイテムを中央揃えにする方法は？

    JComboBox はJComponentクラスのサブクラスであり、テキストフィールドの組み合わせです。 およびドロップダウンリスト ユーザーはそこから値を選択できます。 JComboBoxは、 ActionListener、ChangeListenerを生成できます および ItemListener ユーザーがコンボボックスでアクションを実行したとき。デフォルトでは、JComboboxのアイテムは左揃えです。 、中央に変更することもできます setHorizo​​ntalAlignment（DefaultListCellRenderer.CENTER）を使用した配置 Default

  2. Tkinterでウィンドウを画面の中央に配置するにはどうすればよいですか？

    画面の中央にtkinterウィンドウを配置するには、 PlaceWindowを使用できます。 トップレベルを渡すことができる方法 ウィンドウを引数として、中央に追加します。 ジオメトリを定義することで、プログラムでウィンドウを中央に設定することもできます。 例 #Import the tkinter library from tkinter import * #Create an instance of tkinter frame win = Tk() #Set the geometry win.geometry("600x250") win.eval('t