原文:借助Photoshop,Illustrator等设计软件进行WPF图形图像的绘制 本文所示例子是借助第三方设计软件，制作复杂的矢量图形，转成与XAML酷似的SVG，再转换成xaml而实现的。 这是原图： 使用Photoshop处理后的二值图片：为何处理成黑白的二值图片呢，是方便使用Illust... ...
svg矢量图有时候在项目中用起来当然要比图片用起来好。之前没有用过svg，这次花了一点时间在项目中支持了svg的使用，个人感觉用起来还是没有直接用font class的爽，然后又改成font class的使用，如下我说一下我是如何配置svg和font class的（这两者都是iconfont 的不同 ...
分类：
其他好文 时间：
2018-10-21 19:40:12
阅读次数：
921
本文主要记录如何使用 实现对图形的拖拽，选择，图像渲染及各类形状的绘制操作。 1、关于SVG 是可缩放的矢量图形，使用XML格式定义图像，可以生成 对应的DOM节点，便于对单个图形进行交互操作 。比 更加灵活一点。关于SVG的基础知识，请参考 "SVG学习地址" 。 2、SVG.js 今天要说的主角 ...
分类：
Web程序 时间：
2018-10-21 19:34:20
阅读次数：
481
前端二倍图的思考（涉及Retina） EXCELL格式 1 csv格式导出来之后不能用EXCELL打开，会乱码。用记事本打开，然后将“（英文的引号出掉），就可以了。 关于二倍图的操作 概念： 设备像素:也叫物理像素，显示设备上最微小的物理部件。 比如 iphone 5：640 x 1136px. 不 ...
分类：
其他好文 时间：
2018-10-19 00:15:40
阅读次数：
275
RaphaelJS是一个用JavaScript实现的强大的矢量图形库。 （1）使用前准备，下载RaphaelJS，到官网下载。 （2）在相应的HTML页面引入RaphaelJS，如下示例代码： （3）在通过元素创建一个对象 或者，直接将元素的id传到Raphael中，如： （4）画圆circle() ...
分类：
Web程序 时间：
2018-10-17 11:08:09
阅读次数：
283
一.如何实现浏览器中title中的小图标 1.先引入link标签，link的标签属性有：rel type href。 2.rel是当前页面与url（路径）之间的关系 3.rel后面写（shortcut icon） href后写图片名称，路径要正确。 二. 页面中要用到一些矢量图标，矢量图标的地址是： ...
分类：
Web程序 时间：
2018-10-16 13:55:14
阅读次数：
171
什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 之 ...
分类：
其他好文 时间：
2018-10-15 14:52:06
阅读次数：
142
layui 图标 layui 的所有图标全部采用字体形式，取材于阿里巴巴矢量图标库（iconfont）。因此你可以把一个 icon 看作是一个普通的文字，这意味着你直接用 css 控制文字属性，如 color、font-size，就可以改变图标的颜色和大小。你可以通过 font-class 或 un ...
分类：
其他好文 时间：
2018-10-14 14:14:48
阅读次数：
1840
在项目中用到了amcharts，amcharts图标统计插件是利用SVG实现的，其自带下载png功能，但是不支持IE以下浏览器。因此研究了SVG转换为png，最终实现的效果是将amcharts生成一张png写入一个excel并提供下载。 1.SVG简介: SVG 意为可缩放矢量图形（Scalable ...
分类：
其他好文 时间：
2018-10-12 21:14:53
阅读次数：
364
SVG可伸缩的矢量图形 SVG是对画该图形时的一些路径，做出精准的，必要的与分辨率无关的一种描述。即对矢量图的描述 在此安利一个svg绘图的网址，可以直接手动绘图，然后生成相关的svg描述，即可实现图片 属于所见所得的方式 有两种方式在Adobe系列软件中Illustrator可以直接生成svg的相 ...
分类：
其他好文 时间：
2018-10-11 22:03:08
阅读次数：
198
