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

HTML5SVGを画面の中央に配置する


SVGを中央に配置するには、次のCSSを追加します。

# svgelem {
   margin-left:auto;
   margin-right:auto;
   display:block;
}
以下はSVGです:

<svg id="svgelem" height="200" xmlns="https://www.w3.org/2000/svg">
   <circle id="redcircle" cx="50" cy="50" r="50" fill="red" />
</svg>

  1. JavaでJFrameを画面の中央に表示するにはどうすればよいですか?

    JFrame フレームのサブクラスです クラスとフレームに追加されたコンポーネントはそのコンテンツと呼ばれ、これらは contentPaneによって管理されます。 。コンポーネントをJFrameに追加して、その contentPaneを使用できます。 代わりに 。 JFrameはウィンドウのようなものです 境界線、タイトル、ボタン付き。 JFrameを使用してほとんどのJavaSwingアプリケーションを実装できます。 デフォルトでは、JFrameは左上の位置に表示できます。 画面の。 setLocationRelativeTo()を使用して、JFrameの中心位置を表示できます。 ウ

  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