0

JsFiddle: http://jsfiddle.net/K34a7/ div を作成し、そこに画像を保存しています。画像全体ではなくdivの幅サイズを動的に割り当てることができるように、画像に書かれた部分の幅を検出する方法を知りたいですか?

document.getElementById('text').addEventListener('keyup', function (){
tCtx.canvas.width = tCtx.measureText(this.value).width;
var t = this.value.split('\n');
tCtx.canvas.height = t.length*10;

console.log(t);
var y = 10;
for(var i=0; i<t.length; i++, y+=10) {
tCtx.fillText(t[i], 0, y);
}

//console.log('Value: ' + this.value);
imageElem.src = tCtx.canvas.toDataURL();
//console.log(imageElem.src);
}, false);
4

1 に答える 1

1

あなたはすでにmeasureTextあなたのコードで使用しています。そのように幅への参照を追加するだけです

var textWidth = tCtx.measureText(this.value).width;

textWidthキャンバス上のテキストの幅が含まれます。

デモ

于 2013-01-09T15:34:05.710 に答える