HTMLのCanvasのフォントサイズを変数指定したいです

Question

前提・実現したいこと

HTML Canvasのフォントサイズを変数で指定したいです

発生している問題・エラーメッセージ

変数にするとうまく繁栄されません

該当のソースコード

<canvas id = "test0">
</canvas>
<script>
var canvas = document.getElementById("test0");
var context = canvas.getContext("2d");
var x = 20;
//x ptにしたいです
context.font = "xpt sans-serif";
context.fillText("フォントサイズを変数指定したいです",10,10);
</script>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

GoogleChrome

Answer 1

context.font = "xpt sans-serif";

変数xではなく文字xになってしまっているので、変数になるように書きましょう。

context.font = x + "pt sans-serif";

context.font = `${x}pt sans-serif`;

Comments

[9nahito]

回答ありがとうございます！！うまく動作しました！