Question

我正在尝试在角度指令中使用SVG，该指令使用图像作为背景，然后在其上绘制。

我遇到的问题是绘制的元素是创建的并且显然是附加的，但它们不会显示。我可能错误地使用了追加函数，但我不知道为什么。

这是我的指示

<c:InputField Label="{Binding Caption}" Text="{Binding Text}" Foreground="Red"/>

这里有一个fiddle。

非常感谢。

Answer 1

好的，我仍然不知道为什么原始代码不起作用，但我找到了一种方法使其工作，至少在有人提供有关原始代码的解释之前。

这是我使用的，而不是var svg = angular.element('<circle cx="10" cy="10" r="50"/>');

var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
circle.setAttribute("cx",10);
circle.setAttribute("cy",10);
circle.setAttribute("r",10);

然后像iElement.append(circle);

一样追加它

附加在指令中的元素存在但不可见

1 个答案: