Ich versuche, einen Unicode-Violinschlüssel mit dem Canvas-Element HTML5 zu rendern. Bei Verwendung des korrekten Zeichencodes (speziell 1D120) wird HTML gut wiedergegeben, aber wenn ich versuche, ihn innerhalb einer Zeichenfläche zu verwenden, erscheint ein seltsames Zeichen

Der folgende Code ist in meiner Javascript-Datei, die ihre Magie auf der Leinwand arbeitet ...

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');

context.font = "48px serif";
context.strokeText("\u1D120", 10, 50);

<h1>&#x1D120;</h1>

<canvas id="canvas" width="100" height="100">
</canvas>

Leider kann ich kein Bild des Charakters einfügen, da meine Wiederholung noch zu niedrig ist.

Jeder Einblick, was dieses Problem verursachen könnte, ist erwünscht. Danke im Voraus