所以我正在使用引导程序的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
时重新加载页面,从而使页面变脏。由你决定!对我而言,可以选择固定画布的分辨率。