svg js给group text添加超链接&改变鼠标形状
来源:互联网 发布:新京报网络直播回看 编辑:程序博客网 时间:2024/06/05 14:27
因为项目中svg group text这一块都是js生成的,不能像在html中那样直接加上a标签完事,所以采用另外一种方法来解决js中group不能生成a标签的问题
核心代码如下:
<svg id="mainSvg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: 10px auto;">var mainSvg = SVG.get('mainSvg');var group = mainSvg.group();...group.text(eventName).click(function(){checkAndTrans(this)}).attr({x:20,y:20,url:""}).fill("#000").font({size:15});...function checkAndTrans(obj){ var url = obj.attr("url"); if(url!=""){ window.open(url,"_blank"); }}function addUnderLineForGroupText(textId){ var currentText = document.getElementById(textId); currentText.style.textDecoration = "underline"; currentText.setAttribute("fill", "#0000ff"); currentText.setAttribute("cursor", "pointer");}如果哪位同学有更好的办法,欢迎指正function removeUnderLineForGroupText(textId){ var currentText = document.getElementById(textId); currentText.style.textDecoration = "none"; currentText.setAttribute("fill", "#000"); currentText.setAttribute("cursor", "auto");}
阅读全文
0 0
- svg js给group text添加超链接&改变鼠标形状
- svg 鼠标形状 小手
- svg 鼠标形状 小手
- 改变鼠标光标形状
- javascript 改变鼠标形状
- javascript改变鼠标形状
- mfc改变鼠标形状
- mfc改变鼠标形状
- mfc改变鼠标形状
- 改变鼠标形状
- MFC_改变鼠标形状
- qt改变鼠标形状
- 改变鼠标形状
- Qt--改变鼠标形状
- silverlight 改变鼠标指针形状
- [转]css改变鼠标形状
- css属性:改变鼠标形状
- CStatic 链接 改变鼠标形状。
- java编程中的路径问题
- 参数个数可变的函数
- SQL中的sql%rowcount
- OTP行为模式浅析之(gen_server、application、supervisor)
- html ul li数目太多不会滚动的超出屏幕看到不到的解决方案
- svg js给group text添加超链接&改变鼠标形状
- EasyUI进度条 后台实时监控
- springboot中通过aop的形式获取方法执行时间
- 获取远程文件大小
- 【POJ】3187
- 认识glBegin
- 补充使用SDK 修改VM OPTION的细节
- 关于Email地址验证的正则表达式
- PCL滤波III