阿里巴巴矢量图使用方法

简介: 阿里巴巴矢量图使用方法

1、第一阶段:解决办法:下载图片,把它当作图片来用(当时没有弄出来,不知道怎么弄,用的这种办法)(.png格式)

2、第二阶段:

下载后得到一个压缩包,解压,里面有个文件夹,文件夹里的内容如下图:

然后点击那个唯一的显示的是网页的文件;点开后,显示如图

它有三种引用方法:Unicode,font class和symbol

这几种方法只要点击相应的后,往下拉将会出现如图示的 解释如何使用的步骤

下面,我将把font class方法的具体使用步骤写出来。

1、第一步:(如图)引用项目下面生成的fontclass代码:(具体,只要复制图中的代码放入自己的代码即可)

注意:href中的地址使用的是相对路径,这时,需要将解压得到的文件夹中的iconfont.css文件和页面放在同级上。或者你可以改变它的路径。

2、第二步:将上图的代码放进你所写的代码中。按图中要求进行即可。

相关文章
|
Web App开发 数据可视化
蚂蚁金服开源 | 可视化图形语法G2 3.3 琢磨
G2 是蚂蚁金服数据可视化解决方案 AntV 的一个子产品,是一套数据驱动的、高交互的可视化图形语法。 经过两个多月密锣紧鼓的开发,400+次提交,G2 3.3版本今天终于和大家见面了。
2468 0
|
Web App开发 数据可视化 数据处理
蚂蚁金服开源|可视化图形语法 G2 3.2:迭变
小蚂蚁说: G2 是蚂蚁金服数据可视化解决方案 AntV 的一员。去年11月,蚂蚁金服正式对外开源了数据库驱动的高交互可视化图形语法G2。(想了解相关背景的同学可以点击链接阅读)今天,G2 发布了 3.2 版本。
3223 0
|
XML 数据格式 前端开发
UWP 手绘视频创作工具技术分享系列 - SVG 的解析和绘制
原文:UWP 手绘视频创作工具技术分享系列 - SVG 的解析和绘制 本篇作为技术分享系列的第一篇,详细讲一下 SVG 的解析和绘制,这部分功能的研究和最终实现由团队的 @黄超超 同学负责,感谢提供技术文档和支持。
1449 0
|
Web App开发 前端开发 JavaScript
《如何制作一个媲美原生体验的选择器组件-卡晨》演讲视频+文字版
《如何制作一个媲美原生体验的选择器组件-卡晨》演讲视频+文字版
205 0
|
9月前
|
前端开发
【零基础入门前端系列】—浏览器内核、背景渐变、转换(二十二)
【零基础入门前端系列】—浏览器内核、背景渐变、转换(二十二)
|
6月前
|
vr&ar
简单易懂的 全景图高清下载方法以及原理简要解析(支持下载建E、720yun、酷雷曼、景站、酷家乐、百度街景原图)
这篇文章介绍了一种简单易懂的全景图高清下载方法,使用在线网站全景管家,支持下载包括建E、720yun、酷雷曼等多个平台的全景图原图,并简要解析了全景图的原理和制作方法。
简单易懂的 全景图高清下载方法以及原理简要解析(支持下载建E、720yun、酷雷曼、景站、酷家乐、百度街景原图)
|
前端开发
妙用滤镜构建高级感拉满的磨砂玻璃渐变背景
妙用滤镜构建高级感拉满的磨砂玻璃渐变背景
249 0
妙用滤镜构建高级感拉满的磨砂玻璃渐变背景
|
前端开发 JavaScript
Threejs入门进阶实战案例(3):视频贴图的解决方案
Threejs入门进阶实战案例(3):视频贴图的解决方案
397 0
|
Web App开发 移动开发 前端开发
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配 (下)
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配 (下)
391 0
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配 (下)

热门文章

最新文章