欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML5 SVG之矩形简单示例分享_html/css_WEB-ITnose

程序员文章站 2022-05-05 12:18:33
...
最近我初学HTML5,刚在一步步学习SVG,积累了一些个人心得和程序代码,希望和大家分享,今天分享“svg之矩形”部分

1、简单矩形

效果图如下:

关键代码:

代码解析:

rect 代表矩形;

rect 元素的 width 和 height 属性可定义矩形的高度和宽度;

2、矩形填充颜色及边框

效果图如下:

关键代码:

style="fill:deepskyblue;stroke-width:2;stroke:rgb(0,0,0);"