小編給大家分享一下css中canvas畫(huà)矩形和svg畫(huà)矩形的示例，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)專(zhuān)注于鉛山網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供鉛山營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，鉛山網(wǎng)站制作、鉛山網(wǎng)頁(yè)設(shè)計(jì)、鉛山網(wǎng)站官網(wǎng)定制、小程序設(shè)計(jì)服務(wù)，打造鉛山網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供鉛山網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。

1.canvas畫(huà)矩形

2.svg畫(huà)矩形

rect 代表矩形；

rect 元素的 width 和 height 屬性可定義矩形的高度和寬度；

圓角矩形：

CSS 的 fill-opacity 屬性定義填充顏色透明度（合法的范圍是：0 - 1）；

CSS 的 stroke-opacity 屬性定義邊框顏色的透明度（合法的范圍是：0 - 1）；

CSS 的 opacity 屬性定義整個(gè)元素的不透明度（合法的范圍是：0 - 1）；

svg中旋轉(zhuǎn)的話可以用transform='rotate(45)

看完了這篇文章，相信你對(duì)“css中canvas畫(huà)矩形和svg畫(huà)矩形的示例”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，感謝各位的閱讀！

文章名稱(chēng)：css中canvas畫(huà)矩形和svg畫(huà)矩形的示例-創(chuàng)新互聯(lián)
文章路徑：http://weahome.cn/article/dsopis.html