Canvas divのサイズをテキストエリアのように変更する必要がありますか？

Question

canvas divのサイズを変更（ドラッグ可能）する必要があります。 （）

私はコードの下にしようとしている：

<canvas class="canvas"></canvas> 

.canvas 
{ 

border: 1px solid; 

resize: both; 

overflow: auto; 

} 

div要素のために働いて、同じコード、しかし、canvas要素のためにそのが働いていません。

canvas要素のサイズをtextareaのように変更できますか？

Answer 1

キャンバスはこのようにサイズ変更できないようです。

しかし、あなたはdivの中にそれを置くことができます：更新の

div 
 
{ 
 

 
    border: red 1px solid; 
 
    overflow: hidden; 
 
    resize: both; 
 

 
    height: 100px; 
 
    width:200px; margin:10px;padding:10px; 
 
    
 
} 
 

 
canvas{ 
 

 
    width:100%; 
 
    height:100%; 
 
    border: green 1px solid; 
 
    
 
}

<div> 
 
    <canvas class="canvas"></canvas> 
 
</div>