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

SVGで中空の円を描く方法は？

SVGで中空の円を描くには、要素を使用します。そのためには、fill =” none”を使用して輪郭を描きます。

SVGはScalableVectorGraphicsの略で、2DグラフィックスとグラフィカルアプリケーションをXMLで記述するための言語であり、XMLはSVGビューアによってレンダリングされます。ほとんどのWebブラウザーは、PNG、GIF、およびJPGを表示できるのと同じようにSVGを表示できます。

SVGで中空の円を描く方法は？

例

次のコードを実行して、SVGで中空の円を描く方法を学ぶことができます

<!DOCTYPE html>
<html>
   <head>
      <title>HTML5 SVG Hollow Circle</title>
   <head>
   <body>
      <svg id="svgelem" height="200" xmlns="https://www.w3.org/2000/svg">
         <circle cx="100" cy="50" r="40" stroke="black" stroke-width="7" fill="none" />
      </svg>
   </body>
</html>

出力

SVGで中空の円を描く方法は？


  1. Javaを使用してOpenCVで塗りつぶされた円を描く方法は？

    org.opencv.imgproc Java OpenCVライブラリのパッケージには、Imgprocという名前のクラスが含まれています。このクラスは、 circle（）という名前のメソッドを提供します 、これを使用すると、画像に円を描くことができます。このメソッドは、次のパラメーターを提供します- 円が描かれる画像を表すマットオブジェクト。 円の中心を表すPointオブジェクト。 円の半径を表す整数変数。 円（BGR）の色を表すスカラーオブジェクト。 円の太さを表す整数（デフォルトは1）。 Imgproc.FILLEDに合格した場合 線種として、このメ

  2. Javaを使用してOpenCVで円を描く方法は？

    Java OpenCVライブラリのorg.opencv.imgprocパッケージには、Imgprocという名前のクラスが含まれています。 円を描くには、 circle（）を呼び出す必要があります このクラスのメソッド。このメソッドは、次のパラメーターを受け入れます- 円が描かれる画像を表すマットオブジェクト。 円の中心を表すPointオブジェクト。 円の半径を表す整数変数。 円（BGR）の色を表すスカラーオブジェクト。 円の太さを表す整数（デフォルトは1）。 例 import org.opencv.core.Core; import org.opencv.c