鸿蒙Canvas中如何设置绘图的全局透明度？

Question

我在绘制一些图形时，希望整个图形的透明度能够统一调整。鸿蒙的Canvas API中是否有设置全局透明度的属性或者方法？如果有的话，应该如何使用？请附上代码示例。

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

在鸿蒙Canvas中，你可以通过globalAlpha属性来设置全局透明度。这个属性的值范围从0（完全透明）到1（完全不透明）。

下面是一个示例：

let ctx = canvas.getContext('2d');

// 设置全局透明度
ctx.globalAlpha = 0.5; // 设置透明度为50%

// 绘制图形（例如一个矩形）
ctx.fillStyle = 'red';
ctx.fillRect(50, 50, 100, 100);

在这个例子中，我们设置了全局透明度为50%，然后绘制了一个矩形。由于透明度的设置，矩形会呈现为半透明的红色。

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。