把代码复制到135编辑器可以手机扫描生成的预览二维码码查看实际效果。 P.S. 预览二维码要内容里有文字才能生成，单纯放svg标签而没有文字内容，135编辑器是生成不了预览二维码的，如果生成不了码，就在上面随便打几个字在试试 参考链接： 详细教你微信公众号正文页SVG交互开发 ...
分类：
微信 时间：
2019-10-24 11:41:22
阅读次数：
595
阿里巴巴的iconfont是一个很好的图标库，海量的素材可以快速满足开发人员日常对图标的诉求，我们采用symbol引用，官方介绍 创建SvgIcon组件 创建icons文件夹 src跟目录下创建icons文件夹，里面创建svg文件夹和index.js文件 image.png image.png sv ...
分类：
其他好文 时间：
2019-10-22 22:09:29
阅读次数：
237
文章地址：https://www.cnblogs.com/sandraryan/ 什么是svg 可缩放矢量图形（Scalable Vector Graphics） 1. 一种使用XML描述的2D图形语言 2. SVG基于XML，意味着SVG DOM中每个元素都是可用的，可为某个元素附加js事件处理器 ...
分类：
其他好文 时间：
2019-10-18 18:36:51
阅读次数：
121
1. 减少 HTTP 的请求次数和传输报文的大小 -CSS SPRITE（雪碧图、图片精灵）技术 - 使用字体图标（ICON FONT）或者 SVG 等矢量图； 可以减少 HTTP 请求次数或者减少请求内容的大小 ，使图片渲染的更快：因为他们是基于代码渲染的，而对于位图（png/jpg/gif）是需 ...
分类：
其他好文 时间：
2019-10-17 23:37:49
阅读次数：
97
svg的图片有着颜色自定义大小自定义的优势。在阿里图标库可以下载svg图片。 那么在vue框架中我们该怎么使用svg图片呢 这个时候就用到了 webpack 插件 svg-sprite-loader 首先呢自然就是安装了 npm i svg-sprite-loader --save 创建svg文件目... ...
分类：
其他好文 时间：
2019-10-16 19:46:55
阅读次数：
124
前言 工作中用到svg格式的图标，既然是svg，当然不想用古老的img方式引用，希望能凭借定义svg的fill属性，随意定义图标的颜色；同时不想将整段svg代码写入组建内，于是找到了使用vue-svg-icon来实现这个功能。 项目参考链接：https://www.npmjs.com/package ...
分类：
其他好文 时间：
2019-10-16 19:31:54
阅读次数：
105
在做3000的项目中，因为页面的svg很大，但是做的只是适配电脑，打开肯定是看不全的，要看全就必须进行滚动，可是客户提出了将页面放在电视机上面，用电视输入网址直接访问，这样问题就来了，电视上怎么进行滚动呢 所以新增需求 1、页面根据不同尺寸的设置进行适配 2、确保页面内容可以全部查看完整 3、可以进 ...
分类：
其他好文 时间：
2019-10-15 13:39:28
阅读次数：
103
1.安装 略2.git拉取远程分支 git config user.name git config user.email git config --global user.name xxxx git config --global user.email xxxx.com git config -l ...
分类：
其他好文 时间：
2019-10-14 15:00:12
阅读次数：
91
做了好几个项目都用到了Highcharts，好用自然不用多说，这里总结一下每次作图经常用的一些配置，方便以后查看。 引入Highcharts非常简单，只需引入对应的js，页面中写入存放表格的div，js中对表格加以配置。 配置说明 下面是Highcharts官方的基础柱状图的实例配置，我将加入常用的 ...
分类：
其他好文 时间：
2019-10-13 17:12:02
阅读次数：
174
在上篇中，我们需要将Highcharts生成的图通过后台保存到pdf文件中，就需要对SVG进行转换。 这里就介绍一下使用Batik处理SVG代码的方法。 首先是jar包的获取地址，https://xmlgraphics.apache.org/batik/，Apache旗下的，用起来也比较放心。 需要 ...
分类：
编程语言 时间：
2019-10-13 17:08:17
阅读次数：
96
