在画布上用Alpha打印文本的最快方法是什么?

时间:2019-01-20 19:18:13

标签: javascript performance html5-canvas

我目前正在编写一个Web应用程序,该应用程序可以在html5-canvas上动态呈现一些图像和文本。现在,我不得不在这些图像之上写半透明的文本。

以下段落包含两种我知道如何完成任务的方式,但是我不确定对于性能关键型应用程序应使用第一还是第二。

// Snippet 1:
//   Render semi-transparent text using 
//   alpha channel in color string notation
function renderText(str) {
    ctx.fillStyle = "rgba(255,0,0,0.5)";
    ctx.fillText(str, 100, 100);
}

// Snippet 2:
//   Render semi-transparent text using 
//   globalAlpha property of canvas context
function renderText(str) {
    ctx.fillStyle = "rgb(255,0,0)";
    ctx.globalAlpha = 0.5;
    ctx.fillText(str, 100, 100);
    ctx.globalAlpha = 1.0;
}

以上两种方法中哪种更快或更没有区别?

感谢您的帮助。

0 个答案:

没有答案