canvas setDimension（）打破了圖的拖動功能

Question

我正在使用draw2dtouch6.1.66 version（最新版本）。最初，畫布的寬度和高度分別爲1000px和800px。點擊按鈕後，我將畫布寬度和高度分別更改爲2170px和902px。

現在我不能拖動矩形圖超出1000px寬度。它卡在1000px這是最初的寬度。

注意：我檢查了我的html，這兩個canvas div和svg顯示width:2170px和height:902px。

<div _ngcontent-awi-17="" draw2d-canvas="" id="canvas" style="height: 902px; cursor: default; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 2170px;"> 

<svg height="902" version="1.1" width="2170" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="overflow: hidden; position: absolute; left: -0.828125px;"> 

這裏是我的代碼：

$("#canvas").css("height",902); 
$("#canvas").css("width", 2170); 
canvas.setDimension(new draw2d.geo.Rectangle(0, 0, 2170, 902)); 

Answer 1

設置width和使用CSS畫布的height，會導致類似作用的規模，因爲基礎imageData陣列不會更新到新的層面。

所以，如果你需要擴展你的畫布，使用屬性的畫布，就像這樣：

$('#canvas').attr({width: <width>, height: <height>}); 

請記住，改變這些值將清除畫布，你需要重新繪製的一切。