Próbuję zmienić kolor każdej linii moich wiadomości na płótnie, ale bez powodzenia. Próbowałem stworzyć zmienną dla każdego z nich, ale wciąż nie miałem szczęścia. jakakolwiek pomoc byłaby doceniona.Zmiana koloru dla metody fillText() w HTML5 <canvas>
function initiate(){
var elem = document.getElementById("canvas");
canvas = elem.getContext("2d");
addEventListener("mousemove", animation);
canvas.shadowColor = "rgba(0, 0, 0, 0.5)";
canvas.shadowOffsetX = 4;
canvas.shadowOffsetY = 4;
canvas.shadowBlur = 5;
canvas.font = "bold 24px verdana, sans-serif ";
var welcomeMessage ="Welcome to the store!";
canvas.textAlign = "start";
canvas.textBaseline = "bottom";
canvas.fillText(welcomeMessage, 400, 50);
canvas.font = "bold 14px verdana, sans-serif";
var message2 = "Your favorite store for videos games and latest DVDs!";
canvas.textAlign = "start";
canvas.textBaseline = "bottom";
canvas.fillText(message2, 400, 100);
canvas.font = "bold 12px verdana, sans-serif";
canvas.textAlign = "start";
canvas.textBaseline = "bottom";
// Create gradient
//var gradient=canvas.createLinearGradient(0,0,c.width,0);
//gradient.addColorStop("0","magenta");
//gradient.addColorStop("0.5","blue");
//gradient.addColorStop("1.0","red");
//canvas.fillStyle = gradient;
canvas.fillText(" <-- Move your mouse aroud to interact with Macroplay smily!", 400, 250);
}
Dziękujemy! Zadziałało! :) – user2193106
Nie ma za co :). Jeśli jest to dobra odpowiedź, czy możesz głosować za nią i oznaczyć ją jako właściwą odpowiedź? Dziękuję Ci. –
@Gwennael Zrobiłem upvote ... !!! –