Web笔记-html中svg的基本使用- 前端开发

程序运行截图如下：

代码如下：


<!DOCTYPE html>
<html>
<head>
</head>
 
<body>
    <svg width="https://cdn.jxasp.com:9143/image/200" height="https://cdn.jxasp.com:9143/image/200">
        <rect x="0" y="0" width="100" height="100" fill="red"></rect>
        <line x1="100" y1="0" x2="https://cdn.jxasp.com:9143/image/200" y2="100" stroke="green" stroke-width="1"></line>
        <polygon points="0,100 0,200 100,200" fill="red"></polygon>
        <circle cx="150" cy="150" r="50" stroke-width="1" stroke="green" fill="red"></circle>
    </svg>
</body>
 
</html>