machinepack-svg-sprite:从多个 SVG 源文件创建一个 SVG 精灵

preview
共9个文件
json：2个
js：2个
gitignore：1个
JavaScript
需积分: 5 0 下载量 171 浏览量 2021-06-05 16:02:15 上传 评论 收藏 6KB ZIP 举报
资源详情
资源评论
评论 收藏
Dilwanga
  • 粉丝: 29
  • 资源: 4681
上传资源 快速赚钱
voice
center-task 前往需求广场，查看用户热搜

相关推荐

zip

gulp-svg-sprite：SVG精灵和丰富的堆栈— Gulp插件环绕svg-sprite，可读取一堆SVG文件，对其进行优化并创建各种样式的SVG精灵和CSS资源

gulp-svg-精灵 =============== 是围绕一个咕嘟咕嘟插件包装这需要一堆文件，优化他们和烘烤他们分成几个类型的SVG精灵： 传统的用作背景图片， 带有预定义<view>元素的CSS子画面，也可用于前景图像， 使用<defs>元素的嵌入式精灵， 使用<symbol>元素的行内精灵 和。 功能和配置？ → 本文档仅涵盖gulp特定的安装和配置方面。 有关功能和选项的完整
zip

svg-sprite-injector:异步加载SVG精灵

svg-sprite-injector 异步加载SVG精灵 灵感来自 用法 只是简单地打电话 svgSpriteInjector ( 'sprite.svg' ) ; 通过localStorage缓存 svgSpriteInjector ( 'sprite.svg' , { revision : 1 // Revision identifier } ) ; DOM中的参数 svgSpriteI
zip

svg-sprite-polyfill:一个可以在某些浏览器上制作SVG精灵的polyfill

不推荐使用 该脚本存在一个错误。 支持Xlinked元素CSS并不是FIREFOX的一个缺陷。 我们正在开发一种兼容标准版本的更好版本。
zip

gulp-svg-sprite:SVG精灵和堆栈丰富-环绕svg-sprite的Gulp插件，可读取一堆SVG文件，对其进行优化并创建各种样式的SVG精灵和CSS资源

gulp-svg-精灵 =============== 是围绕一个咕嘟咕嘟插件包装这需要一堆文件，优化他们和烘烤他们分成几个类型的SVG精灵： 传统的用作背景图片， 带有预定义<view>元素的CSS子画面，也可用于前景图像， 使用<defs>元素的嵌入式精灵， 使用<symbol>元素的行内精灵 和。 功能和配置？ → 本文档仅涵盖gulp特定的安装和配置方面。 有关功能和选项的完整
zip

grunt-svg-sprite:SVG精灵和堆栈丰富-环绕svg-sprite的Grunt插件，可读取一堆SVG文件，对其进行优化并创建各种样式的SVG精灵和CSS资源

grunt-svg-sprite 是围绕一个咕噜插件包装这需要一堆文件，优化他们和烘烤他们分成几个类型的SVG精灵： 传统的用作背景图片， 带有预定义<view>元素的CSS子画面，也可用于前景图像， 使用<defs>元素的嵌入式精灵， 使用<symbol>元素的行内精灵 和。 功能和配置？ → 本文档仅涵盖特定于Grunt的安装和配置方面。 有关功能和选项的完整列表，请参见。 入门 这
zip

svg-sprite-loader：用于创建SVG精灵的Webpack加载器

SVG精灵加载器 用于创建SVG精灵的Webpack加载器。 :party_popper: 2.0已发布，请阅读。 :warning: 对于旧的v0.x版本，请参见。 目录 （不建议使用） 为什么很酷 最小的初始配置。 大多数选项是自动配置的。 浏览器的运行时。 精灵会自动呈现并注入页面中，您只需通过&lt;svg&gt;<use xss=removed></use>&lt;/sv
zip

gatsby-plugin-svg-sprite-loader:使用SVG精灵加载器创建SVG精灵

gatsby插件svg精灵加载器 Gatsby插件，用于使用创建 。 安装 $ npm install gatsby-plugin-svg-sprite-loader 配置 // gatsby-config.js module . exports = { plugins : [ { resolve : `gatsby-plugin-svg-sprite-loader` ,
pdf

如何使用vite-svg-loader

* 轻量级：Vite-SVG-Loader 是一个轻量级的插件，不会增加太多的依赖项。 * 易于使用：使用 Vite-SVG-Loader 只需要几个简单的步骤，就可以轻松地引入 SVG 图像。 * 高性能：Vite-SVG-Loader 可以大大提高应用程序的...
zip

laravel-mix-svg-sprite:用于Laravel Mix的SVG Sprite组件

该组件向Mix添加了一个额外的API，以创建单独的SVG文件的SVG子画面。 可以像Mix的其他API一样使用它： // webpack.mix.js let mix = require ( 'laravel-mix' ) ; require ( 'laravel-mix-svg-sprite' ) ; mix . ...
zip

nuxt-svg-sprite-loader:用于svg-sprite-loader的Nuxt.js模块

nuxt-svg-sprite-loader 用于svg-sprite-loader的Nuxt.js模块。 安装 # npm $ npm install nuxt-svg-sprite-loader # Yarn $ yarn add nuxt-svg-sprite-loader 用法 该模块添加到您Nuxt.js模块列表nuxt.config.js...
zip

nuxt-svg-sprite-module:在Nuxt应用程序中内嵌svg精灵的快速而肮脏的方法

nuxt-svg-sprite-module 在Nuxt应用程序中内嵌svg精灵的一种快速而肮脏的方法。 安装 $ yarn add nuxt-svg-sprite-module $ npm install nuxt-svg-sprite-module --save 配置 在nuxt.config.js modules: [ [ ...
zip

vue-cli-plugin-svg-sprite:vue-cli 3插件来构建SVG Sprite

vue-cli-plugin-svg-sprite vue-cli 3插件，可使用构建SVG Sprite。 安装 vue add svg-sprite 用法 使用生成器提供的，或查看以了解其他/高级用法。 注意：此插件仅将加载程序添加到Webpack配置中，不会使您的目录...
zip

svg2css:从目录中读取 SVG，使用单独的 JSON 文件中指定的颜色变化创建每个 svg 的精灵，并生成一个简单的 CSS 文件

svg2css 从目录中读取 SVG，使用单独的 JSON 文件中指定的颜色变化创建每个 svg 的精灵，并生成一个简单的 CSS 文件。 安装 使用 npm 安装模块： npm install svg2css 配置 dataUris类型：布尔值。 默认值：假 使用 base64 SVG 作为数据 URI 生成 CSS 文件 spriteCellWidth类型：数字。 默认值： 520 每
zip

前端开源库-svg-classic-sprite-loader

总的来说，`svg-classic-sprite-loader` 是一个强大的工具，它使得前端开发者能够在Webpack构建流程中轻松管理和优化SVG图标，从而提升前端应用的性能和用户体验。在实际开发中，结合其他Webpack插件和优化策略，...
zip

gulp-svg-sprite-script:Gulp 插件将单独的 svg 图标打包到可缓存的 javascript

gulp-svg-精灵脚本Gulp 插件将单独的 svg 图标打包到可缓存的脚本中。 документ .安装 npm install git://github.com/Ser-Gen/gulp-svg-sprite-script.git如何使用选项插件使用模板和生成脚本。 您可以使用...
zip

grunt-svg-split:将SVG精灵分割为档案

grunt-svg-split 将SVG精灵分割为档案 安装方式 npm install https://github.com/el-fuego/grunt-svg-split --save-dev 使用范例 grunt . initConfig ( { 'svg-split' : { sprite : { src : [ 'path/to/sprite....
zip

parcel-plugin-svg-sprite:使用以下工具生成SVG Sprite的包裹插件元素并将其注入内置的html中

一个包裹插件，可创建导入的svg的svg精灵并将其注入html入口点。 警告：此插件会覆盖HTMLPackager，可以与其他也会覆盖HTMLPackager的插件合并使用。 直到未在Sprite中注入assets文件夹或子文件夹中的1.1.2版文件...
zip

前端开源库-swint-builder-svg

为了解决这个问题，出现了SVG精灵（SVG Sprite）技术，它可以将多个SVG图标合并到一个文件中，从而减少HTTP请求，提高页面加载速度。而`swint-builder-svg`就是一款用于生成SVG精灵的开源库。 **SVG精灵的概念与...
rar

svg-sprite-loader.rar

现在，当你访问包含SVG图标的组件时，Webpack会自动处理SVG文件，生成Sprite，并在`SvgIcon`目录下创建一个SVG文件，你可以通过`&lt;use&gt;`标签引用这些图标。 总结，`svg-sprite-loader`在Vue项目中提供了方便的SVG...
zip

svg-sprite-generator:简单的SVG精灵生成器

"svg-sprite-generator"是一个简单的JavaScript实现，它可以自动处理SVG图标的合并、压缩和优化工作。它不仅能够减小SVG文件的大小，还提供了回退机制，确保在不支持SVG的浏览器中仍能显示图标。此外，生成的HTML...
zip

vite-svg-loader:Vite 2.x插件可将SVG文件作为Vue组件加载

npm install vite-svg-loader --save-dev 设置 vite.config.js import svgLoader from 'vite-svg-loader' export default { plugins : [ vue ( ) , svgLoader ( ) ] } 与TypeScript一起使用 如果在Typescript项目...
zip

rollup-plugin-svg-to-symbol:一个汇总插件只需将SVG文件转换为symobl字符串，然后您就可以自由处理它们

一个汇总插件只需将SVG文件转换为symobl字符串，然后您就可以自由处理它们。 Webpack版本： 安装 # Yarn yarn add rollup-plugin-svg-to-symbol -D # npm npm i rollup-plugin-svg-to-symbol -D 用法 // rollup...
zip

rollup-svg-sprite-loader

npm install --save-dev rollup-svg-sprite-loader 用法 // rollup.config.js import svgSpriteLoader from 'rollup-svg-sprite-loader' ; export default { entry : 'src/index.js' , dest : 'dist/my-lib.js' , ..
zip

vue-svg:Vue.js 的超级简单 svg 加载模块

sprite - 使用svg-sprite-loader导入（alpha 实现）安装使用新的 ，就像导航到您的项目并运行一样简单： $ vue add svg 而已！ 你准备好了！用法使用示例记录为： &lt;!-- Vue.js code --&gt; &lt;!-- Outputted ...
star 5星 · 资源好评率100%
zip

ember-svg-sprite-sheet

灰烬-SVG-精灵表 该插件的目的是将svgs编译为“ srpite工作表”，然后内联到文档主体的顶部。 现在，您必须预编译svg文件，但是将来，此插件将自动执行此过程。 安装 ember install ember-svg-sprite-sheet 将以下...
zip

Webpack插件用于将SVG加载提取到sprite文件中

`TodayTix-svg-sprite-webpack-plugin` 就是一个专门用于Webpack的SVG精灵插件，它能够自动化这个过程。这个插件的工作原理是读取项目中的SVG文件，将它们合并到一个SVG sprite文件中，并生成相应的CSS或JS模块，...
zip

svg-sprite:用Gulp创建SVG-Sprites和PNG-Fallback

用Gulp创建SVG-Sprites和PNG-Fallback ... gulp svgsprite从图标文件夹内的图标创建一个svg-sprite。 gulp svgfallback创建一个png精灵和一个样式表。 必须先在svg-icon上设置宽度和高度，此工具才能正常工作
pdf

VUE-cli3使用 svg-sprite-loader

VUE-cli3使用 svg-sprite-loader svg-sprite-loader 的插件，用来根据导入的 svg 文件自动生成 symbol 标签并插入 html，接下来就可以在模版中方便地使用 svg-sprite 技术了。 使用 svg-sprite 的好处 页面代码清爽...
zip

purge-svg-sprite

清除svg精灵什么是purge-svg-sprite？ 类似于清除css，将清除svg sprite中未使用的符号...'-c glob path'中存在的任何符号将保留在清除结果中。入门安装yarn add purge-svg-sprite -D or npm install purge-svg-...
rar

漂亮图标SVG150-css3-svg-icons

在IT行业中，图标是网页和应用...总的来说，"漂亮图标SVG150-css3-svg-icons"是一个丰富的资源集合，结合SVG的矢量特性和CSS3的样式能力，能够帮助开发者创建出美观、响应式的界面，提升用户界面的视觉效果和交互体验。