Question

我希望能够将画布的宽度设置为其父div的宽度。但是，这必须手动完成，因为使用CSS标签宽度/高度只是修剪画布而不是展开它。

要以编程方式获取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>

这将与绘画部分联系在一起，当用鼠标悬停在标签对上时，它将在标签对之间画一条线。

Answer 1

只是为了获取视图中的文档，你必须在范围上公开它（不是一个好主意，但它会起作用）

在你的控制器上

{{1}}

注意：应该注入$ document

在控制器上进行计算并设置范围变量以在视图上使用的最佳方法。

另一个建议尝试css并在vw＆amp;中给出宽度vh unit。

喜欢宽度：100vw;

在尖括号中通过id获取元素

1 个答案: