需要引导程序类“嵌入式响应项目”来使用织物画布元素

Posted 2021-03-26

所以我正在使用引导程序的embed-responsive结构，该结构涉及具有embed-responsive类的包装器和用于定义纵横比的其他类以及具有embed-responsive-item类的子元素。问题是它适用于canvas，但是当我将其初始化为fabric.Canvas时，它会损坏。

<div class="embed-responsive embed-responsive-16by9">
  <canvas id="popupEditorCanvas" class="embed-responsive-item"></canvas>
</div>

答案

因为canvas是一种静态DOM对象，但随着css的更改实际上并不容易。如果确实需要保持宽高比，最好将其设置为固定分辨率。您总是可以在每次有人触发window.resize时重新加载页面，从而使页面变脏。由你决定！对我而言，可以选择固定画布的分辨率。