通過尖括號中的id獲取元素

我希望能夠將canvas的寬度設置爲其父div的寬度。但是，這必須手動完成，因爲使用CSS標籤的寬度/高度只會惡化畫布而不是展開它。通過尖括號中的id獲取元素

爲了得到一個div編程我會做以下的尺寸：document.getElementById('canvasParent').getBoundingClientRect().width。但是，document似乎沒有在{{ }}內定義，並且此方法不起作用。有誰知道我將如何在尖括號內得到這個。

編輯 - 例如：

<div class="col-md-9" id="canvasParent" style="position: relative"> 
    <canvas id="subpartCanvas" style="position: absolute; z-index:1024"></canvas> 
    <div class="panel panel-default"> 
     <div class="panel-body"> 
      <div class="btn-group"> 
       <label class="btn btn-default" ng-repeat="v in col" ng-mouseover="hoverSubPart($index)"> 
      </div> 
     </div> 
    </div> 
</div>

這將有一幅畫的一部分被追平，用鼠標懸停在他們時會畫畫標籤對之間的直線。

來源

2017-05-04 Sebastian

你能告訴我們一個你想要達到的樣本嗎？ – Hackerman

你能告訴我們上下文嗎？ –

完成，而且帆布似乎不呈現時內提供一個高度/寬度{{}} – Sebastian

只是爲了讓你不得不暴露它在範圍上查看該文件（不是一個好主意，但它的工作）

烏爾控制器上

$scope.document = $document;

注：$文件應注射

在控制器上執行計算並設置範圍變量以在視圖上使用的最佳方式。

另一個建議嘗試CSS和讓在VW & VH單元的寬度。

喜歡寬度：100vw;

來源

2017-05-04 20:55:54 mastermind

這可悲不會由於從進一步檢測工作下面不起作用：'<畫布寬度=「{{100}} 「height =」{{100}}「>' – Sebastian

通過尖括號中的id獲取元素

回答

相關問題