标签用来创建含有不少于三个边的图形。

<polygon> 标签 <polygon> 标签用来创建含有不少于三个边的图形。 请把下面的代码拷贝到记事本,然后把文件保存为 “polygon1.svg”。把此文件放入您的 web 目录: <?xml version=”1.0″ standalone=”no”?> <!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1//EN” “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”> <svg width=”100%” height=”100%” version=”1.1″ xmlns=”http://www.w3.org/2000/svg”> <polygon points=”220,100 300,210 170,250″ style=”fill:#cccccc; stroke:#000000;stroke-width:1″/> </svg> 代码解释: points 属性定义多边形每个角的 x 和 y 坐标
查看例子 下面的例子创建一个四边形: <?xml version=”1.0″ standalone=”no”?> <!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1//EN” “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”> <svg width=”100%” height=”100%” version=”1.1″ xmlns=”http://www.w3.org/2000/svg”> <polygon points=”220,100 300,210 170,250 123,234″ style=”fill:#cccccc; stroke:#000000;stroke-width:1″/> </svg>
查看例子 厦门网站制作   .article-diagonal-post .adp-img { transition: all 0.3s ease-out; -webkit-clip-path: polygon(60px 0, 100% 0, calc(100% – 60px) 100%, 0 100%); clip-path: polygon(60px 0, 100% 0, calc(100% – 60px) 100%, 0 100% ); width: calc(100% + 60px); left: -30px; background-size: auto 140%; background-position: center center; overflow: hidden; } https://www.webdesignerdepot.com/

友情提示:点赞熊源码网http://www.dianzanxiong.com点赞熊源码网 » 标签用来创建含有不少于三个边的图形。
分享到:
赞(0)
广告位820*80