如何在html中绘制圆形线 [英] how to draw round line in html

问题描述

大家好，



i想要我的table.i搜索谷歌中的圆形线，我发现如下。但如何使用它我很困惑？ ？

i希望在我的表格中使用此代码：

HI everyone,

i want the round shape line in my table.i search in google ,i found as follows.but how to use it i am confused??
i want to use this code in my table:

<svg height="80" width="300">
  <g fill="none" stroke="black" stroke-width="6">
    <path stroke-linecap="round" d="M5 40 l215 0" />
   </g>
  </svg>

i的表格如下：

i have the table as follows:

<table width="600"  cellpadding="0" cellspacing="0" align="center" class="deviceWidth" bgcolor="" style="margin-top:1%">
<tr>
<td align="center">
 <p3 class="center">────────── Lets begin ──────────</p3>
</td>
</tr>
</table>

推荐答案

<table width="600"  cellpadding="0" cellspacing="0" align="center" class="deviceWidth" bgcolor="" style="margin-top:1%">
<tr>
<td align="center">
 <p3 class="center"><svg height="80" width="300">
  <g fill="none" stroke="black" stroke-width="6">
    <path stroke-linecap="round" d="M5 40 l215 0" />
   </g>
  </svg> Lets begin<svg height="80" width="300">
  <g fill="none" stroke="black" stroke-width="6">
    <path stroke-linecap="round" d="M5 40 l215 0" />
   </g>
  </svg></p3>
</td>
</tr>
</table>

使用圆形代码

Use the code for round shape

<table width="600"  cellpadding="0" cellspacing="0" align="center" class="deviceWidth" bgcolor="" style="margin-top:1%">
<tr>
<td align="center">
  <svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="red" stroke-width="3" fill="white" />
</svg>
</td>
</tr>
</table>

点击链接

http://www.w3schools.com/svg/svg_circle.asp [ ^ ]

这篇关于如何在html中绘制圆形线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！