将变量用于视图框

Question

我正在使用svg类和viewbox。在这个viewbox中，HTML，我不想使用打字稿中的变量，但我检索到一个错误，上面写着：

<svg>属性viewBox：预期数量

当我计算这个变量时，我试图理解如何将它交给viewbox。这是我的代码：

radial.ts

sizeCircle: number = parseInt(this._size);

radial.html

< svg class = "svg" viewbox = "0 0 sizeCircle sizeCircle"
[style.width.px] = "sizeCircle"

如果我在里面插入一个数字，当然它会工作，但我必须从.ts调用这个变量。我可以申请解决方法吗？

Answer 1

好的。几个小时后我解决了这个问题。这是我做的解决方案：

const iSize = parseInt(this.size);

svg.setAttribute('viewBox', '0 0 ' + iSize + ' ' + iSize);

.ts中的所有内容。我删除了html中的所有代码，现在可以正常工作了