开发者社区> 问答> 正文

html5使用svg绘制矩形的方法是什么?

html5使用svg绘制矩形的方法是什么?

展开
收起
游客3gzok77e677xw 2022-03-28 18:06:35 514 0
1 条回答
写回答
取消 提交回答
  • <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>
    <body>
        <svg xmlns="http://www.w3.org/2000/svg" width="500px" height="500px" version="1.1">
          <rect x="50" y="100" width="300" height="150"
          style="fill:rgb(145,245,255);stroke-width:5;stroke:#EE799F;fill-opacity:0.9;stroke-opacity:0.9;"/>
        </svg>
    </body>
    </html>
    

    效果演示图:

    image.png

    2022-03-28 18:13:17
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载