摘要：
裁剪 在svg中进行剪切，对整个svg元素而言，可以使用<svg>元素的viewbox属性，对于单个元素则可以使用<clipPath>元素。在单个图形元素上使用裁剪，可以在<defs>元素中声明一个<clipPath>元素，在<clipPath>元素中使用图形元素绘制一个选区，然后在要使用裁剪的元素 阅读全文
posted @ 2016-10-17 21:14
Smile_Coding
阅读(662)
评论(0)
推荐(1)
摘要：
毫无疑问，文本也是svg中组成的重要部分，在svg中，用<text>元素来创建文本，文本的使用格式如下： <text x="20" y="30" style="font-family:'微软雅黑'; font-size:25px;">这是一个text元素</text> 其中的x和y属性默认情况下是第 阅读全文
posted @ 2016-10-17 21:10
Smile_Coding
阅读(719)
评论(0)
推荐(0)
摘要：
之前，我们仅仅使用纯色来为图形填充颜色和绘制轮廓，除此之外，我们还可以使用图案和渐变来填充图形或者是绘制轮廓。 图案 图案的效果类似于，在网页中给一个元素指定背景图像，当背景图像的尺寸小于元素的尺寸的时候，背景图片会默认重复以填充整个元素。效果如下： 要创建一个图案，首先就需要定义一个重复用的图形对 阅读全文
posted @ 2016-10-17 21:02
Smile_Coding
阅读(613)
评论(0)
推荐(0)
摘要：
路径相比于多边形<polygon>元素具有更强绘图能力，<polygon>元素可以绘制任意的多边形，而路径可以绘制任意的轮廓线，是线段，曲线，圆弧的组合形式。svg中可以使用<path>元素绘制路径，所有描述轮廓线的数据都放在d属性中，并且所有的路径必须以moveto命令开始，命令以大写的M开始，后 阅读全文
posted @ 2016-10-17 20:51
Smile_Coding
阅读(318)
评论(0)
推荐(0)
摘要：
之前我们编写图形元素的时候，编写好了位置大小就是固定的，通过坐标系变换，可以移动缩放，旋转图形，但必须声明的是，进行变换时是图形相对于坐标系的变化，就是图形是不发生变化的，而是坐标系发生了变化，比如缩放图形的时候，是图形的相对坐标系进行缩放然后图形重绘，所以你会看到怪异的现象，当你指定图形进行缩放的 阅读全文
posted @ 2016-10-17 20:43
Smile_Coding
阅读(331)
评论(0)
推荐(0)
摘要：
svg除了绘图元素之外还有一部分是专门用于文档结构的，这类元素有<g>，<use>，<defs>，<symbol>等 <g>元素 如果我们仅仅用于学习svg的时候可能不太会用到<g>元素，但当我们绘制特别复杂的图形的时候<g>元素可配上大用场。<g>元素的作用就是将其子元素作为一个组合，以备将来的复 阅读全文
posted @ 2016-10-17 20:36
Smile_Coding
阅读(448)
评论(0)
推荐(0)
摘要：
我是通过《SVG精髓》这本书学习的svg，说实话，这本书写的不好，或者说翻译的不好，我没有看过这本书的原版，不知道原文写的怎么样，但是翻译出来的有些句子真的很拗口。以前老师给我们API文档的时候一直是英文的，我们问他为什么不给中文版的，英文版的看起来费劲，老师说原版的你们能看懂，翻译过来就看不懂了， 阅读全文
posted @ 2016-10-17 20:29
Smile_Coding
阅读(2345)
评论(0)
推荐(0)
摘要：
svg中可以绘制的基本图形有线段，矩形，多边形，圆，椭圆，分别来看一下这些基本图形： 线段 使用<line>元素创建一条线段，格式如下： 其中start-x和start-y为线段起点的x，y坐标，end-x和end-y为线段结束点的x，y坐标。 示例如下： 以上代码在浏览器中显示如下： 以上代码中< 阅读全文
posted @ 2016-10-17 20:26
Smile_Coding
阅读(898)
评论(0)
推荐(0)
摘要：
在网页中使用svg有以下三种方式 1. svg归根结底来说是一种图像格式，虽然有别于jpeg，gif，png等位图图像格式，所以在网页中能嵌入图像的地方都可以嵌入svg，例如将svg文件设置为<img>元素的src属性，或者是给任意的元素设置背景图像，或者是设置为CSS3的属性border-imag 阅读全文
posted @ 2016-10-17 20:05
Smile_Coding
阅读(1231)
评论(0)
推荐(0)
摘要：
1. JavaScript中的数组 在C++、Java中，数组是一种高效的数据结构，随机访问性能特别好，但是局限性也特别明显，就是数组中存放的数据必须是同一类型的，而在JavaScript中，数组中的每一项数据可以是任何类型，也就是说数组中可以同时存放Number类型，Object类型和其他类型，这 阅读全文
posted @ 2016-10-17 09:40
Smile_Coding
阅读(435)
评论(0)
推荐(0)
摘要：
声明和约定： 在C++和Java中，我们可以通过关键字class来声明一个类，在JavaScript中没有这个关键字，但我们知道可以通过new一个function创建对象，这个function类似C++和Java中的class，这个function叫做类或者类的构造函数，或者说通过new创建对象的函 阅读全文
posted @ 2016-10-17 09:25
Smile_Coding
阅读(890)
评论(0)
推荐(0)
摘要：
1. 对象字面量 通过这种方式创建对象极为简单，将属性名用引号括起来，再将属性名和属性值之间以冒号分隔，各属性名值对之后用逗号隔开，最后一个属性不用逗号隔开，所有的属性名值对用大括号括起来，像这样： 属性名的引号可以是单引号也可以是双引号，大多数的时候属性名可以不加引号，但如果属性名为JavaScr 阅读全文
posted @ 2016-10-17 09:01
Smile_Coding
阅读(1236)
评论(0)
推荐(0)
浙公网安备 33010602011771号