我想隐藏/显示我的SVG元素,同时在anguarJS中使用它
I want to hide/show my SVG elements, while using it in anguarJS
有人能给我推荐一个JS函数吗?它可以让这个SVG可见,因为它在没有角度JS的情况下工作得很完美。
<div class="app" ng-app ng-style="disableCircle">
<div ng-controller="ctrlSizing">
<label id="rad" style="visibility: hidden">Radius: <input ng-model="rad" type="number" placeholder="How about 300?"></label>
<div id="circle" style="height: 800; width: 500; position:absolute; left: 100px;top: 100px;">
<svg width="500" height="500" visibility="visible" onclick="cInput()" >
<circle id="circle1" cx="150" cy="150" ng-attr-r="{{rad}}" stroke="black" stroke-width="2" fill="grey" />
</svg>
</div>
</div>
</div>
<div>
<input id="button1" type="button" value="Circle" onclick="circleDraw()">
</div>
使用JS隐藏通过id或遍历DOM检索到的元素。
svgElement.style.display = "none";
或
svgElement.style.opacity = 0;
有关如何使用JS与SVG交互的更多信息,您可以查看本文与SVG 的接口
相关文章:
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 显示5秒后隐藏潜水
- 在不使用JQuery的情况下隐藏DOM中的选定元素
- 剑道UI内联编辑:如何在点击其他按钮时隐藏按钮
- 浮动页脚栏-使用Bootstrap隐藏
- 在jquery中为显示/隐藏设置cookie
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 从var向代码隐藏函数传递值
- Image赢得't隐藏在滚动jQuery上
- 具有rowGrouping的数据表无法隐藏列
- Jquery隐藏未触发
- JavaScript 检查隐藏字段中的值并将其设置为隐藏字段值
- 分部隐藏在jquery中不起作用
- 点击后隐藏潜水?(但如果Div是一面旗帜呢?)
- javascript.点击隐藏事件故障
- 禁用(而不是隐藏)浏览器滚动条
- PHP Javascript显示/隐藏按钮不工作
- 在mvc应用程序中,在回发时保留最初隐藏的文本框的隐藏或可见状态
- 如何通过溢出来判断元素被切断了多少像素:隐藏在父级上
- 我想隐藏/显示我的SVG元素,同时在anguarJS中使用它