<html>
<head>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
function draw(){
var canvas =document.getElementById('myCanvas');
if(canvas.getContext){
var ctx=canvas.getContext('2d');/*创建2d Context对象*/
ctx.fillStyle="#FF0000";/*颜色*/
ctx.fillRect(0,0,150,75);/* x,y,width,height*/
ctx.fillStyle="rgba(0,0,200,0.5)";
ctx.fillRect(50,30,150,75);
}
}
</script>
<script type="text/css">
canvas{border:1px solid black;}
</script>>
</head>
<body onload="draw();">
<canvas id="myCanvas" ></canvas>
</body>
</html>
RGBA表示颜色：
语法：rgba（red,green,blue,alpha）
red,green,blue可以是0-255的整数值 ，alpha代表透明度：取值范围：0.0-1.0，1代表完全不透明。
运行结果：
1959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
