使用js动态改变svg属性中的值
来源:互联网 发布:手机淘宝客户端在哪 编辑:程序博客网 时间:2024/04/24 00:12
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<svg id="svg" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<script type="text/ecmascript">
function create_a(evt){ //方法可以进来
document.getElementById("mycircle").style.fill='red';
var r = document.getElementById("mycircle").getAttribute("r");
r = r+5;
document.getElementById("mycircle").setAttribute("r",r);
}
</script>
<circle id="mycircle" cx="20" cy="40" r="5" style="fill:blue" onclick="create_a(evt)"/>
</svg>
</body>
</html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<svg id="svg" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<script type="text/ecmascript">
function create_a(evt){ //方法可以进来
document.getElementById("mycircle").style.fill='red';
var r = document.getElementById("mycircle").getAttribute("r");
r = r+5;
document.getElementById("mycircle").setAttribute("r",r);
}
</script>
<circle id="mycircle" cx="20" cy="40" r="5" style="fill:blue" onclick="create_a(evt)"/>
</svg>
</body>
</html>
- 使用js动态改变svg属性中的值
- 怎样动态改变Link中的属性值
- 使用webdriver中的JavascriptExecutor执行js改变DOM属性
- svg中动态更改text属性值
- svg.js使用中的一个bug
- js 动态改变imput type属性
- javascript 动态改变svg图形
- js动态添加svg
- js动态创建svg
- 使用链接改变某个标签中的某个属性的值
- 使用JS动态改变元素样式
- svg.js的使用
- android 动态改变SVG的颜色
- 代码动态改变SVG矢量图颜色
- 用JS动态改变表单form里的action值属性的方法
- JS动态改变form表单里的action值属性的方法
- 如何使用JS来改变CSS样式 -- 元素的样式属性名称在CSS和JS中的对照表
- 怎样用js改变中的值
- UVaOJ10167---Birthday Cake
- 黑马程序员 java 多线程
- EC
- 学习cocos2d-x之路(11)--JumpTo和JumpBy
- EC1
- 使用js动态改变svg属性中的值
- 前端经验分享——来自网易财经前端开发总结
- 让windows 成为你的秘书 -at启动定时任务
- 免费电子书籍
- SQL 左外连接,右外连接,全连接,内连接
- 堆排序
- UIEngine
- PAT (Basic Level) Practise (中文)—— 1004. 成绩排名
- UI