Какой самый быстрый способ напечатать текст с альфа на холсте? - PullRequest
0 голосов
/ 20 января 2019

В настоящее время я пишу веб-приложение, которое динамически отображает некоторые изображения и текст на 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;
}

КакиеДва из вышеперечисленных способов быстрее или нет разницы?

Спасибо за вашу помощь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...