购物车
登陆 / 注册
微信扫码登陆

推荐手册

定义和用法

globalAlpha属性指定在绘制到画布上之前应用于形状和图像的alpha(透明度)值。


浏览器支持



Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 globalAlpha 属性。

注意:Internet Explorer 8 及之前的版本不支持 <canvas> 元素。


JavaScript语法

ctx .globalAlpha = value ;

属性值

属性描述
value介于0.0(完全透明)和1.0(完全不透明)之间的数字,包括在内。默认值为1.0。超出该范围的值(包括Infinity和NaN)将不会设置,globalAlpha并将保留其先前的值。

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>html中文网</title>
</head>
<body>
	<canvas id="canvas"></canvas>
	<script>
	const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');

ctx.globalAlpha = 0.5;

ctx.fillStyle = 'blue';
ctx.fillRect(10, 10, 100, 100);

ctx.fillStyle = 'red';
ctx.fillRect(50, 50, 100, 100);
</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号