fabric.jsにて日本語または全角文字で間延びする

fabric.jsにてcanvasに文字を描画しているのですが
半角英数字の場合は問題ないのですが、日本語や全角文字になると
コントロール枠が間延びします。。。

色々調べてみたのですが、この現象に対する事例とうはなく
何か原因になりそうなヒントでも頂ければ助かります。

var canvas = new fabric.Canvas('myCanvas');
canvas.add(new fabric.Text("あああ", {
left: $xt, top: $yt,
fill: $fillColor.val(),
stroke: $strokeColor.val(),
strokeWidth: $strokeWidth.val(),
fontFamily: $fontFamilies.val(),
fontSize: $fontsize.val()
}));
上記の変数の部分は各値が入り、間違いなくセットされています。

行動規範の内容に同意します

回答1件

ベストアンサー

当方でもやってみましたが再現しませんでした。

300x300のキャンバス(id='canvas')を用意して次のスクリプトを実行したところ期待通りの大きさになります。(fabric.min.js使用)
日本語のテキストなんですが複合フォントになっているせいかフォントはArielでちゃんと表示できてます

javascript
1var canvas =  new fabric.Canvas('canvas');
2
3var t = "あああ";
4var txt = new fabric.Text(t, {
5  left: 20, top: 20,
6  fill: 'red',
7  stroke: 'black',
8  strokeWidth: 2,
9  fontFamily: 'Ariel',
10  fontSize: 20
11});
12canvas.add(txt);