Question

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

我试过下面的代码：

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

.canvas
{

border: 1px solid;

resize: both;

overflow: auto;

}

与div元素相同的代码，但对于canvas元素，它不起作用。

是否可以像textarea一样调整画布元素？

Answer 1

Canvas似乎无法通过这种方式调整大小。

但你可以把它放在div中：

＆＃13;

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;
  
}

＆＃13;

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

＆＃13;

Answer 2

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>

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

2 个答案: