![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
svg
文章平均质量分 75
灵影
这个作者很懒,什么都没留下…
展开
-
HTML 5中SVG 2D笔画与填充
填充色 - fill属性这个属性使用设置的颜色填充图形内部,使用很简单,直接把颜色值赋给这个属性就可以了。看例子:rect x="10" y="10" width="100" height="100" stroke="blue" fill="red" fill-opacity="0.5" stroke-opacity="0.8"/> 上面例子中画了一个红色蓝边的矩转载 2012-12-26 09:49:39 · 665 阅读 · 0 评论 -
SVG中的动画
SVG中的动画元素有五个,它们都可以随着时间的变化而改变SVG元素的属性或样式值,如下所示::改变数值的属性或样式的值;:改变非数据值的属性或样式的值,如visibility属性等;:沿着某路径移动SVG元素获得动画效果;:改变某些元素与颜色有关的属性或样式的值;:改变SVG元素进行坐标变换时候的动画效果; attributeName="":转载 2013-01-08 10:17:43 · 1101 阅读 · 0 评论 -
svg标签
一、SVG中对图像标签的支持AttributeStyle:CSS fill 属性定义填充的颜色CSS stroke-width 属性指定填充线宽CSS stroke 属性指定border颜色CSS fill-opacity 属性定义填充颜色的透明度(从0到1)CSS stroke-opacity属性定义描边颜色的透明度(从0到1)CSS opacity属性定义整个元转载 2012-12-17 14:24:36 · 1047 阅读 · 0 评论 -
svg中transform的矩阵变换原理
transform的原理是计算机图形学中的2D矩阵变换,在开始之前,首先来复习下一个简单的线性代数知识:矩阵与向量乘法。太复的用不到,只需要3维向量与3x3矩阵的乘积:接下来我们来说说transform跟矩阵乘法的关系,我们的任何一个html元素渲染完成后可以得到一张位图,把这张位图上所有的点都做一次矩阵运算,将得到一张的新的位图,这就是transform的基本含义。首先来看最简单转载 2012-12-17 08:50:35 · 985 阅读 · 0 评论 -
SVG坐标系统与坐标转换
这一章非常基础,非常重要,同时也是相对比较难懂一点的,特别是ViewBox与视口的关系1.坐标系统与视口(ViewPort) SVG中的坐标系统也是由横坐标轴(X轴)、纵坐标轴(Y轴)和原点组成,SVG的坐标系统称为工作区坐标系统或者矩阵坐标系统。 SVG的渲染都是在一个矩形区域内发生的,这个有限的矩形区域在SVG中被称为"视口",超出这个视口的图形将不被显示,所转载 2012-12-15 18:09:41 · 2750 阅读 · 1 评论 -
svg平移、放大、缩小及js操作svg
在svg图形中,很重要的概念就是坐标系。首先分析一下width、height、viewBox这三个属性。width:宽度,这个宽度是指在页面中实际使用的大小,跟div中定义width是同样的含义。height:高度,含义同上。viewBox:视图框,是一个由字符串表示的,格式:"0 0 2050 1000",--->(ULCx ULCy UUwidth UUheight)ULC原创 2012-12-19 15:47:05 · 7478 阅读 · 0 评论 -
两球完全弹性碰撞反弹方向问题
一、初步分析中学时候上物理课能够认真听讲的人(我?哦,不包括我)应该很熟悉的记得:当两个球体在一个理想环境下相撞之后,它们的总动量保持不变,它们的总机械能也守恒。但这个理想环境是什么样的呢?理想环境会不会影响游戏的真实性?对于前者我们做出在碰撞过程中理想环境的假设:1)首先我们要排除两个碰撞球相互作用之外的力,也就是假设没有外力作用于碰撞系统。2)假设碰撞系统与外界没有能量转载 2013-01-09 16:16:00 · 9196 阅读 · 0 评论 -
svg参考文档
1、http://technet.microsoft.com/zh-tw/library/gg589525.aspx 微软官方svg技术文档 a:http://technet.microsoft.com/zh-tw/library/hh535760.aspx svg坐标转化,理解坐标系转化、用户坐标、荧屏坐标 b:http://technet.microsoft.com/zh-tw/原创 2013-01-27 17:49:36 · 549 阅读 · 0 评论