我目前正在编写一个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;
}
以上两种方法中哪种更快或更没有区别?
感谢您的帮助。