Как сделать холст и содержащий изображение реагировать в ткани js

Question

Я использую ткань js и canvas для добавления изображения с 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 и играя с шириной экрана и высотой экрана, устанавливая их как ширину и высоту холста.

И те же математики, которые вы должны применить для всех предметов, нарисованных на холсте. (принимайте соотношение ширины или высоты холста к ширине или высоте экрана и используйте это соотношение для изменения размера всех элементов при изменении портов просмотра).

Надеюсь, это поможет вам.