摘要：
前言：前几天没事干写了个小网站，打算用原生的javascript实现元素的拖动，但是事情并没有想象的那么顺利，首先是实现了拖动的元素卡的不能再卡，简直不能够，上图~~ 看见没？这就是效果，简直让人欲哭无泪啊，查了大量的资料也无济于事，根本就没有人会遇到过这个问题，但是经过N次试验，终于找到了原因—— 阅读全文
摘要：
前导： 昨天去参加了一个面试，公司不太大，是一家日资企业，在国内有几家分公司，面试官问到了MySQL的基本操作和性能优化，说了一大堆，倒是比较轻松的过了，但是面试结束之后，想了一下，基本操作忘的还是挺多，比如说sql的嵌套，主要是时间长了不用了，写后台的时候直接用hibernate，mybatis等数据持久层框架了。老师以前教过SQLServer，记得那时学的还不错，学的都是标准的sql，可以在各... 阅读全文
摘要：
裁剪 在svg中进行剪切，对整个svg元素而言，可以使用<svg>元素的viewbox属性，对于单个元素则可以使用<clipPath>元素。在单个图形元素上使用裁剪，可以在<defs>元素中声明一个<clipPath>元素，在<clipPath>元素中使用图形元素绘制一个选区，然后在要使用裁剪的元素 阅读全文
摘要：
毫无疑问，文本也是svg中组成的重要部分，在svg中，用<text>元素来创建文本，文本的使用格式如下： <text x="20" y="30" style="font-family:'微软雅黑'; font-size:25px;">这是一个text元素</text> 其中的x和y属性默认情况下是第 阅读全文
摘要：
之前，我们仅仅使用纯色来为图形填充颜色和绘制轮廓，除此之外，我们还可以使用图案和渐变来填充图形或者是绘制轮廓。 图案 图案的效果类似于，在网页中给一个元素指定背景图像，当背景图像的尺寸小于元素的尺寸的时候，背景图片会默认重复以填充整个元素。效果如下： 要创建一个图案，首先就需要定义一个重复用的图形对 阅读全文
摘要：
路径相比于多边形<polygon>元素具有更强绘图能力，<polygon>元素可以绘制任意的多边形，而路径可以绘制任意的轮廓线，是线段，曲线，圆弧的组合形式。svg中可以使用<path>元素绘制路径，所有描述轮廓线的数据都放在d属性中，并且所有的路径必须以moveto命令开始，命令以大写的M开始，后 阅读全文
摘要：
之前我们编写图形元素的时候，编写好了位置大小就是固定的，通过坐标系变换，可以移动缩放，旋转图形，但必须声明的是，进行变换时是图形相对于坐标系的变化，就是图形是不发生变化的，而是坐标系发生了变化，比如缩放图形的时候，是图形的相对坐标系进行缩放然后图形重绘，所以你会看到怪异的现象，当你指定图形进行缩放的 阅读全文
摘要：
svg除了绘图元素之外还有一部分是专门用于文档结构的，这类元素有<g>，<use>，<defs>，<symbol>等 <g>元素 如果我们仅仅用于学习svg的时候可能不太会用到<g>元素，但当我们绘制特别复杂的图形的时候<g>元素可配上大用场。<g>元素的作用就是将其子元素作为一个组合，以备将来的复 阅读全文
摘要：
我是通过《SVG精髓》这本书学习的svg，说实话，这本书写的不好，或者说翻译的不好，我没有看过这本书的原版，不知道原文写的怎么样，但是翻译出来的有些句子真的很拗口。以前老师给我们API文档的时候一直是英文的，我们问他为什么不给中文版的，英文版的看起来费劲，老师说原版的你们能看懂，翻译过来就看不懂了， 阅读全文
摘要：
svg中可以绘制的基本图形有线段，矩形，多边形，圆，椭圆，分别来看一下这些基本图形： 线段 使用<line>元素创建一条线段，格式如下： 其中start-x和start-y为线段起点的x，y坐标，end-x和end-y为线段结束点的x，y坐标。 示例如下： 以上代码在浏览器中显示如下： 以上代码中< 阅读全文