Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Canvas direction 属性

❮ Canvas 参考资料

示例

ctx.font = "24px serif";
ctx.direction = "ltr";
ctx.fillText("W3Schools", 150, 50);
ctx.direction = "rtl";
ctx.fillText("W3Schools", 150, 60);
尝试一下 »

描述

direction 属性指定绘制文本的方向。

默认值为 inherit (从文档继承)。

另请参阅

font 属性 (设置文本字体和大小)

fillStyle 属性 (设置文本颜色/渐变)

textAlign 属性 (设置文本基线)

textBaseline 属性 (设置文本基线)

fillText() 方法 (绘制文本)

strokeText() 方法 (绘制文本)


语法

context.direction

可能的值

描述
ltr从左到右
rtl从右到左
inherit从文档继承

浏览器支持

<canvas> 元素是 HTML5 标准 (2014)。

direction 在所有现代浏览器中受支持

Chrome Edge Firefox Safari Opera IE
9-11

❮ Canvas 参考资料
×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.