與clipto不工作

Question

使用fabric.js，當我使用setZoom()變焦帆布，clipTo()沒有響應，並住在同一寬度&高度。代碼適用於畫布內的對象。我已經使用zoomToPoint進行了測試，但沒有解決我的問題。

function zoomIn() { 
zoomLevel += .2; 

canvas.setZoom(zoomLevel); 
canvas.setDimensions({ 
    width: my_canvas_width * zoomLevel, 
    height: my_canvas_height * zoomLevel 
}); 
} 

clipTo()代碼，我使用：

canvas.clipTo = function(ctx) { 
ctx.rect(0,0,300,300); 
} 

任何想法，爲什麼clipTo沒有響應setZoom()？謝謝。

Answer 1

請務必指定您使用的是fabric.js。我不知道我理解正確，你的問題，究其原因clipTo保持不變是因爲線

canvas.setDimensions({ 
    width: my_canvas_width * zoomLevel, 
    height: my_canvas_height * zoomLevel 
}); 

設置圖像尺寸是相當多裁剪圖像，clipTo()不會後工作設置尺寸。

我認爲你不需要這些行，看到這個JSFiddle example，那裏一個500x500圖像總是被剪裁到300x300。