JSFiddle - React, Tailwind, and code Playground

by tiger

HTML

<svg width="600" height="200">
  <path stroke="green" d="M 100 100 300 100 M 200 0 v 200"></path>
  <circle r="80" cx="200" cy="100" stroke="blue" fill="none"></circle>
  
  <text x="200" y="100" 
         text-anchor = "middle"
         dominant-baseline = "central"
         style="font-size:80px; 
              fill: #999;">漢字</text>
</svg>