Griechische Buchstaben, die in HTML5 Canvas

Gibt es eine Möglichkeit zu drucken, die Griechische Buchstaben auf einem HTML5-canvas? Ich habe versucht, mit der html-entity-Namen und die Anzahl, wie dies

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

und

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

aber es druckt nur, es buchstäblich aus, weil die Leinwand nicht wissen, zum interpretieren dieser Symbole.

  • Das ist, weil ein <script> block oder eine externe script-Datei interpretiert werden als Literale Daten, eher als Erweiterung Entitäten (wie üblich in HTML-text-nodes und Attribut-Werte). Das war XHTML, Ihre inline-Skript wäre ja an sich nicht besonderes, und Sie hätte Entitäten, obwohl Sie hätte zu HTML-Codierung Ihre kaufmännische und-Zeichen und weniger als Zeichen, wie gut, was schlecht ist.
  • mögliche Duplikate von HTML5-Canvas: Grad-Symbol
InformationsquelleAutor Jonathon Vandezande | 2012-05-24
  1. 11

    Einfach UTF-8 verwenden.

    Sie nicht haben, um zu entkommen chars zu schreiben, Sie in HTML oder Leinwand.

    Den richtigen header im Dokument : 

    <!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF8">
    • Für HTML5 können Sie einfach schreiben <meta charset="utf-8">.
    • Danke, ich nicht wusste dass (ich habe in der norm, du hast Recht).
    InformationsquelleAutor Denys Séguret
  2. 8

    Wenn Sie einschränken wollen, Ihren JavaScript-Quellcode in ASCII, aber immer noch nicht-ASCII-Zeichen in eine Zeichenfolge, die Sie verwenden können, eine Unicode-escape-Sequenz: (klein xi-codepoint U+03BE):

    canvas2.cx.fillText("\u03be", 50, 50);
    InformationsquelleAutor John Flatness
  3. 1

    Wie α und β? Wenn Sie UTF-8 verwenden, können Sie geben Sie einfach die Zeichen-Literale. Beispiel:

    canvas2.cx.fillText("α", 50, 50);
    InformationsquelleAutor Rob Lowe
Schreibe einen Kommentar