背景说明:svg动画确切的说是SVG SMIL 动画,SVG的动画元素是和SMIL开发组合作开发的。SMIL开发组和SVG开发组合作开发了SMIL动画规范,在规范中制定了一个基本的XML动画特征集合。SVG吸收了SMIL动画规范当中的动画...
分类:
其他好文 时间:
2014-08-31 13:19:21
阅读次数:
337
一个svg,设置了viewBox之后,viewBox的长宽值如果都小于svg的viewport的长宽值,那么结果一定是放大;但是viewBox的长宽值一旦有一个值大于vewport之后,最后的实际效果就不是放大,而是缩小了。...
分类:
Web程序 时间:
2014-08-31 08:10:11
阅读次数:
248
svg 学习和体会 1:适用范围,支持html5的浏览器,ie9+,chrome等浏览器。
分类:
其他好文 时间:
2014-08-29 15:59:18
阅读次数:
172
viewport表示的是svg可视区大小,具体体现就是svg元素的width和height属性值所圈起来的区域: <svg?width="400"?height="300"?style="border:1px?solid?#cd0000;">
????<rect?x="10"?y="5"?width="20...
分类:
其他好文 时间:
2014-08-28 17:05:01
阅读次数:
278
一、项目功能需求:将 HTML 中 span 元素集合映射成 SVG 格式文件。 参数: span 的绝对定位坐标和 transform 的集合,贝塞尔曲线的锚点绝对定位坐标和控制点绝对定位坐标(根据曲线路径绘制 span ),span 集合父容器的宽度和高度。 输出: svg 的字符串形式。二.....
分类:
其他好文 时间:
2014-08-22 12:46:56
阅读次数:
305
我们可能对 Instagram 这款 iPhone APP 上的滤镜作用很感兴趣,本来 CSS3 开端也有滤镜(不是 IE 的那种滤镜),这些滤镜作用最初是用于 SVG 的,W3C 将其引入到 CSS3 中,然后拟定了 CSS Filter Effects 1.0 的规范,Webkit 率先支撑了它...
分类:
Web程序 时间:
2014-08-21 11:26:43
阅读次数:
458
起因是我在画y轴的标题时,不能显示上标,米<sup>3</sup> ?会显示 ? 米3 ! 问过林峰,他说这是基于canvas,不是基于svg或html,所以不能处理这个。然后就想用zrender画出这个字。我只需要解决上标的问题就够了!...
分类:
其他好文 时间:
2014-08-21 09:55:04
阅读次数:
216
在对SVG元素进行类名操作时,发现有一个坑爹的事情,它的className竟然是一个对象,因此报一系列BUG。第一次想到的方法是添加setClasses, getClasses两个更底层的方法。于是相应代码变成: var rclass = /\s+/g function getClass...
分类:
其他好文 时间:
2014-08-19 18:58:45
阅读次数:
301
ABViewer是一种高品质,低成本,高效率的多功能设计及工程文档管理应用程序。ABViewer为您提供专业的cad文件浏览和编辑工具。支持多种格式,如:DWG格式,DXF,DWF,Hewlett-PackardHPGL,PLT,HGL,CGM,SVG,TIFF,BMP,JPG,GIFetc等。具体功能:ABViewer它可以方便我们在下述几种情况..
分类:
其他好文 时间:
2014-08-18 18:49:13
阅读次数:
246
ABViewer是一种高品质,低成本,高效率的多功能设计及工程文档管理应用程序。 ABViewer为您提供专业的cad文件浏览和编辑工具。 支持多种格式,如:DWG格式, DXF, DWF, Hewlett-Packard HPGL, PLT, HGL, CGM, SVG, TIFF, BMP, J...
分类:
其他好文 时间:
2014-08-18 18:12:12
阅读次数:
171