svg中的symbol如何制作icon

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者不言，侵删。

本篇文章给大家带来的内容是关于svg中的symbol如何制作icon，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

1. cnpm i gulp -g

2. 新建一个gulpfile.js文件

1

2

3

4

5

var gulp = require('gulp');

var svgSymbols = require('gulp-svg-symbols');

gulp.task('sprites',function(){

    return gulp.src('assets/svg/*.svg').pipe(svgSymbols()).pipe(gulp.dest('assets'));

})

3.新建assets/svg，将下载下来的svg放到svg文件中

Tip:将svg文件名改成需要的id

4.运行gulp sprites

5.直接在HTML中使用

阅读剩余部分

相关阅读 >>

浅谈网页中提升SVG文件可访问性的几种方法

SVG如何实现坐标系统变换（附代码）

在react中使用SVG的各种方法总结（附代码）

SVG是什么

css如何改变SVG颜色

html5中的canvas 和 SVG分别是什么？它们的区别在何处？（实例）

SVG中的symbol如何制作icon

如何在html5中使用SVG

SVG中<marker>元素的使用及marker属性的介绍

canvas与SVG的区别有什么？canvas和SVG的区别比较

更多相关阅读请进入《SVG》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...