html 在svg中创建一条路径

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 在svg中创建一条路径相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>repl.it</title>
        <script src="index.js"></script>
        <link href="index.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
<h1 id="result">My first SVG</h1>

<svg width="100" height="100" id="canvas">
   
</svg>
<script>document.getElementById("canvas").innerHTML = '<path d="M20 10 H 50 V 50 Z" fill="transparent" stroke="black"/>';</script>
    </body>
</html>

以上是关于html 在svg中创建一条路径的主要内容,如果未能解决你的问题,请参考以下文章

可以在前面的行中创建一条规则吗?

需要在同一个Access表中创建一条记录的副本,然后更新数据

SVG在路径上查找点到x轴的方向(角度)

在 golang 中创建一片缓冲通道

HTML5——SVG 之 path 详解

可从 HTML 拖放到 SVG 上