本文将视图了解d3js提供的帮助我们创建矢量图形的helper函数，比如下面的: http://d3indepth.com/shapes/ lines curves pie chart segments symbols SVG 首先我们来认识一下SVG(scalable vector graphic ...
分类：
Web程序 时间：
2017-07-14 22:07:39
阅读次数：
1022
SVG( Scalable Vector Graphics): 是可缩放的矢量图形的简称，它是一种使用XML来描述二维图形及其应用的语言。 首先了解一下XML, 它和html 类似,如 <greeting>Hello</greeting>, 但是语法结构非常严格, 一个xml文档只有一个根元素；标签 ...
分类：
其他好文 时间：
2017-07-01 19:29:27
阅读次数：
172
内联SVG 内联SVG 什么是SVG 指可伸缩矢量图形 定义用于网格的基于矢量的图形 使用XML格式定义图形 是万维网联盟的标准 什么是SVG 指可伸缩矢量图形 定义用于网格的基于矢量的图形 使用XML格式定义图形 是万维网联盟的标准 SVG的优势 可通过文本编辑器来创建和修改 SVG图像可以被搜索 ...
分类：
其他好文 时间：
2017-06-30 15:46:19
阅读次数：
162
我们知道canvas画布可以很方便的js原生支持转为图片格式并下载，但是svg矢量图形则并没有这方面原生的支持。研究过HighChart的svg图形的图片下载机制，其实现原理大体是浏览器端收集SVG代码信息，并发送到到服务器端，由后端程序转换成图片格式后，以流的形式反射给浏览器端下载。 最近在项目中 ...
分类：
Web程序 时间：
2017-06-28 18:41:52
阅读次数：
211
简介 可缩放矢量图形 (SVG) 是基于矢量的图形家族的一部分。它们与基于光栅的图形不同，后者在一个数据数组中存储每个像素的颜色定义。如今，网络上使用的最常见的光栅图形格式包括 JPEG、GIF 和 PNG，每种格式都具有优缺点。 相比任何基于光栅的格式，SVG 具有多项优势： SVG 图形是使用数 ...
分类：
Web程序 时间：
2017-06-25 20:16:28
阅读次数：
300
Pygal Pygal可用来生成可缩放的矢量图形文件，对于需要在尺寸不同的屏幕上显示的图表，这很有用，可以自动缩放，自适应观看者的屏幕 1、Pygal模块安装 ① Windows系统 ② Linux和OS X系统 2、Pygal画廊-直方图 模拟掷骰子，分析最后的结果，生成图形 创建die.py筛子 ...
分类：
编程语言 时间：
2017-05-17 14:04:05
阅读次数：
860
SVG(Scalable Vector Graph)--可缩放矢量图形. 可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描写叙述二维矢量图形的一种图形格式。它由万维网联盟制定。是一个开放标准。 思考 使用SVG实现一个miniCAD 參考代码来源http://outofmemor ...
分类：
其他好文 时间：
2017-05-08 16:08:22
阅读次数：
542
svg听了很多遍了，一直没有机会好好地了解一下这是个什么东西，今天突然有兴趣，就好好看看吧~ 这篇文章主要参考的还是 w3school上的svg教程。 第一部分：简介 ｓｖｇ就是scalable vector graphics, 即可伸缩矢量图形。 我们平时下载icon时，就会遇到是否选择svg格式 ...
分类：
其他好文 时间：
2017-05-03 13:23:28
阅读次数：
228
