HTML5画布中的希腊字母

时间:2012-05-24 20:51:03

标签: javascript html5 canvas

有没有办法在HTML5画布上打印希腊字母?我已经尝试过使用html实体名称和数字,比如这个

canvas2.cx.fillText("ξ", 50, 50);

canvas2.cx.fillText("ξ", 50, 50);

但它只是字面打印出来,因为画布不知道如何解释这些符号。

3 个答案:

答案 0 :(得分:11)

只需使用UTF-8。

您不必转义字符以在HTML或Canvas中编写它们。

在文档中使用正确的标题:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF8">

答案 1 :(得分:8)

如果要将JavaScript源限制为ASCII,但仍然在字符串中包含非ASCII字符,则可以使用Unicode转义序列:(小xi的代码点为U + 03BE):

canvas2.cx.fillText("\u03be", 50, 50);

答案 2 :(得分:1)

αβ?如果您使用的是UTF-8,则可以只输入字符文字。例如:

canvas2.cx.fillText("α", 50, 50);