В настоящее время я пишу веб-приложение, которое динамически отображает некоторые изображения и текст на html5-холсте.Теперь я пришел к ситуации, когда мне нужно написать полупрозрачный текст поверх этих изображений.
Следующий абзац содержит два способа, которыми я знаю, как выполнить эту задачу, но я не уверен, следует ли использовать первое или второе для приложений, критичных для производительности.
// 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;
}
КакиеДва из вышеперечисленных способов быстрее или нет разницы?
Спасибо за вашу помощь.