SVG学习备忘录
本文共 564 字，大约阅读时间需要 1 分钟。
最近在写一个基于SVG的前端流程图\拓扑图图形框架。
一些容易忽略的问题备忘如下：
1、JS添加SVG元素需要使用document.createElementNS("http://www.w3.org/2000/svg", tagName);
2、<g>标签可以使用getBBox()来获取位置信息，在当前框架中我取用了父级的位置来维护相对位置信息。
3、截至今天，context-fill和context-stroke在chrome和firefox上暂时没用。
4、viewbox在ie上的展示情况和其他浏览器可能不一致
5、ie不支持声明性动画，animationTransform
6、使用requestAnimationFrame来控制动画,cancleAnimationFrame(id)来终止
7、getBBox()可以获取图形的整体(x,y,width,height)信息，但是transform="translate(x,y)"改变的位置不会体现在getBBox里
8、svg image的href需要本地设置，使用image.setAttributeNS("http://www.w3.org/2000/svg", 'href',URL); 注意这里是href不是xlink:href
框架目前实现的样图如下：
转载地址：http://ixoux.baihongyu.com/
你可能感兴趣的文章
Visio中如何让重叠图形都显示
查看>>
Tasks and Back stack 详解
查看>>
关于EXPORT_SYMBOL的作用浅析
查看>>
成功的背后！（给所有IT人）
查看>>
在SpringMVC利用MockMvc进行单元测试
查看>>
Nagios监控生产环境redis群集服务战
查看>>
Angular - -ngKeydown/ngKeypress/ngKeyup 键盘事件和鼠标事件
查看>>
Android BlueDroid（一）：BlueDroid概述
查看>>
Java利用httpasyncclient进行异步HTTP请求
查看>>
循环多少次？ 【杭电--HDOJ-1799】 附题+具体解释
查看>>
linux系统终端命令提示符设置（PS1）记录
查看>>
C++运算符重载
查看>>
【Web】URI和URL，及URL的编码
查看>>
宿舍局域网的应用
查看>>
html代码究竟什么用途
查看>>
oracle的substr函数的用法
查看>>
QT 数据库编程四
查看>>
npm下载包时代理配置
查看>>
全球十大理论
查看>>
model.addAttribute("student",student)——渲染
查看>>