Question

所以我有一个画布，我想用css在画布上放置一个html元素。当你调整整个页面的大小时，我希望按钮在画布中保持原位，目前我有这个代码。

#button {position:absolute; top:40%; left:30%;}

Answer 1

尝试将import numpy as np a = np.random.random((4, 4)) b = np.ones((len(a), 1), dtype=float) print np.hstack([b,a])更改为#canvas

Answer 2

您可以通过为canvas和button使用其他容器来实现此目的。以下是它的工作原理

＆＃13;

.canvas-container{
  position: relative;
  width: 500px;
  height: 500px;
}
#canvas {
  position: absolute;
  background-color:lightgrey
}
#button {
  position:absolute;
  left:30%;
  top:40%
}

＆＃13;

<div class="canvas-container">
 <canvas id='canvas' width='500px' height='500px'></canvas>
<button id='button'>Whats up</button> 
</div>

＆＃13;

您必须将canvas-container＆＃39; width和height设置为与画布height和width相同，否则按钮位置将会发生变化。< / p>

在画布上的按钮

2 个答案: