HTML5 Canvas Text Truck Color

Автор：Eve Cole Время обновления：2025-04-30 00:48:01

Внедрение статьи Wulin.com (www.vevb.com): Чтобы установить текст холста HTML5 HTML5, мы можем использовать фон холста и метода STROKETEXT ().

Чтобы установить текст холста HTML5 HTML5, мы можем использовать фон холста Strokestyle и метод Stroketext ().

context.strokestyle = [value];

context.stroketext (Привет, мир!, x, y);

Давайте посмотрим на следующий пример:

<! Doctype html>

<html>

<голова>

<Title> html5_canvas_text_stroke </title>

<style>

Body {margin: 0px; падки: 0px;}

#mycanvas {border: 1px solid #9c9898; Покрас: 0 Auto; Margin-Top: 200px; Margin-Lefft: 100px;}

</style>

<Скрипт>

window.onload = function () {

var canvas = document.getElementbyid (myCanvas);

var context = canvas.getContext (2d);

var x = 80;

var y = 110;

context.font = 60pt calibri;

Context.lineWidth = 3;

Context.strokestyle = Blue; // цвет хода

context.stroketext (Привет, мир!, x, y);

};

</script>

</head>

<тело>

</canvas>

</body>

</html>