Вертикальное выравнивание HTML5 Canvas '

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

Wulin.com (www.vevb.com) Введение статьи: HTML Canvas вертикально выровненное текст, мы можем использовать значение атрибута Textbaseline в диапазоне холста. TextBaseline может установить одно из следующих значений: верхняя, висящая, средняя, алфавитная, идеиграфическая и нижняя. Если не указано иное, атрибут Textbaseline по умолчанию по умолчанию буквами.

HTML Canvas вертикально выровненное текст, мы можем использовать значение свойства TextBaseline в диапазоне холста. TextBaseline может установить одно из следующих значений: верхняя, висящая, средняя, алфавитная, идеиграфическая и нижняя. Если не указано иное, атрибут Textbaseline по умолчанию по умолчанию буквами.

context.textbaseline = [value];

<! Doctype html>

<html>

<голова>

<Title> html5_canvas_text_baseline </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 = canvas.width / 2;

var y = canvas.height / 2;

context.font = 30pt calibri;

// TextAlign выравнивает текст горизонтально относительно размещения

context.textalign = center;

// TextBaseline выравнивает текст вертикально относительно стиля шрифта

Context.TextBaseline = Middle;

context.fillstyle = blue;

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

};

</script>

</head>

<тело>

</canvas>

</body>

</html>