如何在fabric js中使canvas和包含图像响应

Question

我正在使用面料js和画布来添加来自url的图像我想制作画布并根据分辨率包含图像响应。我们怎么做？ 我的代码是： -

<canvas id="panel" width="700" height="350"></canvas>   

<script>
 (function() {
        var canvas = new fabric.Canvas('panel');
        var rect;
        fabric.Image.fromURL('abc.jpg', function (img) {
                canvas.add(img.set({
                    width: canvas.width,
                    height:canvas.height,
                    originX :'left',
                    originY :'top',
                    selectable: false,

                }));
            });


    })();
</script>

Answer 1

据我所知，没有内置的功能来实现这一目标。

但是可以通过使用原生javascript并使用屏幕宽度和屏幕高度来对画布做出响应，将它们设置为画布宽度和高度。

同样的数学你必须申请画布中绘制的所有项目。 （获取画布宽度或高度与屏幕宽度或高度的比率，并使用此比率调整视口更改时的所有元素）。

希望它会对你有所帮助。