我怎樣才能調整畫布和裏面的所有內容？

Question

你好我試圖調整一個畫布元素，並按比例調整其內的內容。我只是增加了畫布區域的寬度和高度，但圖像，文本等內容仍保持其原始大小。 我如何實現這種行爲。

感謝。

Answer 1

使用下面的函數可以根據所有元素/對象按比例調整畫布的大小。您可以通過任何寬度/大小GetCanvasAtResoution(279);希望這有助於。

function GetCanvasAtResoution(newWidth) 
    { 
     if (canvas.width != newWidth) { 
      var scaleMultiplier = newWidth/canvas.width; 
      var objects = canvas.getObjects(); 
      for (var i in objects) { 
       objects[i].scaleX = objects[i].scaleX * scaleMultiplier; 
       objects[i].scaleY = objects[i].scaleY * scaleMultiplier; 
       objects[i].left = objects[i].left * scaleMultiplier; 
       objects[i].top = objects[i].top * scaleMultiplier; 
       objects[i].setCoords(); 
      } 
      var obj = canvas.backgroundImage; 
      if(obj){ 
       obj.scaleX = obj.scaleX * scaleMultiplier; 
       obj.scaleY = obj.scaleY * scaleMultiplier; 
      } 

      canvas.discardActiveObject(); 
      canvas.setWidth(canvas.getWidth() * scaleMultiplier); 
      canvas.setHeight(canvas.getHeight() * scaleMultiplier); 
      canvas.renderAll(); 
      canvas.calcOffset(); 
     }   
    }