需要调整像textarea的Canvas div的大小？

Question

需要调整（可拖动）画布div。 （）

我曾尝试下面的代码：

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

.canvas 
{ 

border: 1px solid; 

resize: both; 

overflow: auto; 

} 

相同的代码为div元素的工作，但对于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>