私はIMG要素のようなキャンバス行為という何らかの方法でHTML5のキャンバスを伸ばし、サイズを変更したいIMG要素

Question

にHTML5のキャンバスを変換しますがあれば、私は疑問に思う

...ピクセルで幅 - 高設定、パーセントHTML5キャンバスをIMG要素に変換/エクスポートする方法、あるいはこれをキャンバスで直接行うことができる方法です。

私は、Googleで調査しているが、私はKineticJSライブラリを使用していることは、インターネット上の誰のように見える前にこれを行っている、または多分私はちょうど...

を把握することはできません詳細については。

私を助けてください！どうもありがとうございます！そして、私の悪い英語のために申し訳ありません。

Answer 1

まず、キャンバスにID（例：example）を付けます。次に、プレーンJavaScriptを使用して、そのキャンバスに基づいてイメージを作成し、それをスタイルすることができます：

var canvas = document.getElementById('example'), 
    dataUrl = canvas.toDataURL(), 
    imageFoo = document.createElement('img'); 
imageFoo.src = dataUrl; 

// Style your image here 
imageFoo.style.width = '100px'; 
imageFoo.style.height = '100px'; 

// After you are done styling it, append it to the BODY element 
document.body.appendChild(imageFoo);