Как сделать Vue Компоненты поверх Html5 -canvas

Question

Я хотел бы использовать htmlcanvas холст в качестве фона веб-страницы, а затем поверх него визуализировать различные Vuejs компоненты.

Я уверен, что информация там, я просто не не знаю, что искать.

Answer 1

Вы можете стилизовать любой элемент, используя CSS с position: absolute для наложения элемента поверх холста.

.container {
  position: relative;
  width: 300px;
  height: 300px;
}

.canvas {
  width: 300px;
  height: 300px;
  background-color: yellow;
}

.overlay {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 100px;
  height: 100px;
  background-color: orange;
}

<div class="container">
  <canvas class="canvas"></canvas>
  <div class="overlay">
    This is displayed on top of the canvas
  </div>
</div>