介绍 & lt; ! doctype html>
& lt; html>
& lt; head>
& lt; !——帆布画矩形——比;
& lt; style>
# huaban {
边界:1 px 固体;
}
& lt;/style>
& lt; script>
& lt;/script>
& lt; meta charset=癠TF-8"祝辞
& lt;/head>
& lt; body>
& lt; canvas 宽度=?00“,身高=?00“,id=癶uaban"比;
& lt;/canvas>
& lt; script>
var 可以=. getelementbyid (“huaban");//获得画板数据
var 反对=can.getContext (& # 39; 2 d # 39;);//获得笔刷
,,con.fillStyle=皉ed"//设置填充颜色
,,con.strokeStyle=癰lue"//设置线条颜色
,,con.fillRect(10100100);//填充画矩形
,,con.strokeRect(100100200200);//线条画矩形
& lt;/script>
& lt;/body>
& lt;/html> & lt; svg xmlns=癶ttp://www.w3.org/2000/svg", version=?.1“比;
,,,,,,,& lt; rect 宽度=?00“,身高=?00“祝辞& lt;/rect>,,,,
,,,,,,,& lt;/svg> & lt; svg xmlns=癶ttp://www.w3.org/2000/svg", version=?.1“比;
,,,,,,,& lt; rect 宽度=?00“,身高=?00“,风格=疤畈?deepskyblue;笔划宽度:2;中风:rgb(0, 0, 0),填充不透明度:0.5;stroke-opacity: 0.9;不透明度:0.5;“,x=?”, y=?0“, rx=?0“, ry=?0“祝辞& lt;/rect>,,,,
,,,,,,,& lt;/svg>
小编给大家分享一下css中帆布画矩形和svg画矩形的示例,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
1。帆布画矩形
2。svg画矩形
矩形代表矩形;
矩形元素的宽度和高度属性可定义矩形的高度和宽度;
圆角矩形:
CSS的填充不透明度属性定义填充颜色透明度(合法的范围是:0 - 1),
CSS的stroke-opacity属性定义边框颜色的透明度(合法的范围是:0 - 1),
CSS的不透明度属性定义整个元素的不透明度(合法的范围是:0 - 1),
svg中旋转的话可以用变换=& # 39;旋转(45)
看完了这篇文章,相信你对“CSS中帆布画矩形和svg画矩形的示例”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
