12 2017 档案
摘要:发现如果我在div或者其他非表单的标签中赋值,原本用普通的js就直接document.getElementById("id").innerHtml(或者其他几个)就可以了。 但是在jQuery中不行 例如: document.getElementById("t").innerHTML="dddddd
阅读全文
摘要:第十二章 SVG动画 12.1动画基础 SVG的动画特性基于万维网联盟的“同步多媒体集成语言”(SMIL)规范(http://www.w3.org/TR/SMIL3)。 在这个动画系统中,我们可以指定想要进行动画的属性(比如颜色、动作或者变形属性)的起始值和结束值,以及动画的开始时间和持续时间。 h
阅读全文
摘要:第十一章:滤镜 11.1滤镜的工作原理 当SVG阅读器程序处理一个图形对象时,它会将对象呈现在位图输出设备上;在某一时刻,阅读器程序会把对象的描述信息转换为一组对应的像素,然后呈现在输出设备上。例如我们用SVG的<filter>元素指定一组操作(也称作基元,primitive),在对象的旁边显示一个
阅读全文
摘要:10.1 裁剪路径 创建SVG文档时,可以通过制定感兴趣区域的宽度和高度建立视口。这会变成默认的裁剪区域,任何绘制在该范围外部的部分都不会显示。你也可以使用<clipPath>元素来建立自己的裁剪区域。 最简单的情形是建立一个矩形裁剪路径。在<clipPath>元素内是想要裁剪的<rect>。因为我
阅读全文
摘要:第九章:文本 9.1 字符:在XML文档中,字符是指带有一个数字值的一个或多个字节,数字只与Unicode标准对应。 符号:符号(glyph)是指字符的视觉呈现。每个字符都可以用很多不同的符号来呈现。 一个符号可能由多个字符构成。一些字体为特定的字母组合准备了单独的符号,以使他们更好看,这种特性叫做
阅读全文
摘要:第八章:图案和渐变 要使用图案,首先要定义一个水平或者垂直方向重复的图形对象,然后用它填充另一个对象或者作为笔画使用。这个图形对象呗称作tile(瓷砖)。 下面可以把SVG绘制的二次曲线作为图案。 图案: 8.1.1 patternUnits 要创建一个图案,必须使用<pattern>元素包裹描述图
阅读全文
摘要:第七章:路径 所有描述轮廓的数据都放在<path>元素的d属性中(d是data的缩写)。路径数据包括单个字符的命令,比如M表示moveto,L表示lineto。接着是该命令的坐标信息。 7.1moveto、lineto、closepath 每个路径都必须以moveto命令开始。 命令字母为大写的M,
阅读全文
摘要:第六章:坐标系统变换 想要旋转、缩放或者移动图片到新的位置。可以给对应的SVG元素添加transform属性。 6.1 translate变换 可以为<use>元素使用x和y属性,以在特性的位置放置图形对象组合: 效果图: 事实上,x和y值只是更常用和更强大的transform属性的一种简写形式。具
阅读全文
摘要:第五章 文档结构 5.1 结构与表现 XML的目标之一便是提供一种能将结构从视觉表示中独立出来的方法。 但是不幸的是,关于XML的很多讨论都强调结构而非表现。 我们将通过详细讨论如何在SVG中指定表现来纠正这一错误。 5.2在SVG中使用样式 SVG允许我们使用四种方式指定图形表现方面的信息:内联样
阅读全文