1.位图和矢量图位图也叫点阵图，是由一个个的方形的像素点排列在一起拼接而成的，位图在放大时，图像会失真。矢量图的图像是由函数曲线生成的，当放大图像时，实际的原理就是将曲线乘以一个倍数，图像可以轻易地放大，而且不会出现像素块，图像边缘也不会出现锯齿2.svg目前首选的网页矢量图格式优点：图像容量小、图像放大不失真、支持透明背景和半透明色彩、图像边缘光滑。缺点：色彩不够丰富
分类：
Web程序 时间：
2018-12-26 22:21:35
阅读次数：
228
ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。 ...
分类：
其他好文 时间：
2018-12-24 16:24:38
阅读次数：
174
1. 功能简介 透明度和标注是矢量图层的相关属性；图层透明值是0-100间的整数，标注是显示在地图上的文字信息，它是出图中不可或缺的重要元素。标注的样式丰富，并且放置位置灵活。 2. 功能实现说明 2.1 实现思路及原理说明 矢量透明值 第一步 获取图层的Render 第二步 修改Render的透明 ...
分类：
其他好文 时间：
2018-12-24 11:15:05
阅读次数：
147
canvas 绘制2D位图。 Echarts是基于Canvas技术的可视化工具，底层封装了原生的JavaScript的绘图 API。 canvas里面绘制的图形不能被引擎抓取，canvas中我们绘制图形通常是通过javascript来实现。 svg 绘制2D矢量图。 svg里面的图形可以被引擎抓取， ...
分类：
Web程序 时间：
2018-12-20 11:44:39
阅读次数：
300
下载FastReport最新版 SVG格式（可缩放矢量图形）是在90年代后期开发的，用于在网站中显示矢量图形，其基本思想是使用XML来描述图像。这使得SVG在Web图形中非常流行，使用css或java脚本，可以轻松更改图像的XML描述。基于此，用户可以确定与Web图形中流行的其他格式（如png和gi ...
分类：
Web程序 时间：
2018-12-19 13:16:19
阅读次数：
249
第一步: 去矢量图官网注册一下,获取小图标(字体) 的来源 (也可以是其他类似的网站)这里以 阿里妈妈矢量图 官网为例,因为图标丰富,方便使用. 注册请点:https://www.iconfont.cn/ 第二步:注册好之后 选图标啦 首页往下拉 --也可以搜索 -- 或者图标库里 第三步: 点击右 ...
分类：
其他好文 时间：
2018-12-18 02:04:36
阅读次数：
416
什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Gr ...
分类：
其他好文 时间：
2018-12-17 14:36:28
阅读次数：
172
canvas：什么是canvas？ canvas是使用JavaScript在网页上绘制图像 画布是一个矩形的区域，可以控制每一个像素，拥有多种绘制路径，矩形，圆形，字符以及添加图像的方法 svg：什么是svg？ svg是指可以伸缩的矢量图像 使用xml格式定义图形，图像在放大或者改变尺寸情况下不会对... ...
分类：
其他好文 时间：
2018-12-15 11:58:17
阅读次数：
128
设想和目标 1. 我们的软件要解决什么问题？是否定义得很清楚？是否对典型用户和典型场景有清晰的描述？ 我们设计的矢量图编辑系统主要解决变电站绘制电路图问题； 定义为以矢量图的方式绘制出电路图； 仅及于简单的用户与场景，尚未进行具体典型的用户与场景描述。 2. 我们达到目标了么（原计划的功能做到了几个 ...
分类：
其他好文 时间：
2018-12-09 21:03:36
阅读次数：
159
APP优化 APP瘦身 #1. 图片的优化 ☆☆☆☆☆ s1.png图片压缩裁剪，打包APP后资源文件分50k+大小图片重点优化，10k+图片选择优化； s2.图片资源格式处理(大小)：.png > .jpg > .webp，条件合适选择应选择.webp； s3.使用矢量图； #2.开启混淆与压缩 ...
分类：
移动开发 时间：
2018-12-07 01:28:06
阅读次数：
266
