php - svg 文件 phpstorm 的自动化 CSS Sprite

标签 php css svg sprite

我正在研究提供图像的最佳方式。我认为 svg 文件和 sprite 是我找到的最好的方法,我想知道是否有办法使这个过程自动化。我希望能够将 svg 文件放入一个文件夹中,并接收一个 sprite 输出文件和具有相关映射的 css 文件。

 /img
  sprite-icon.svg
/svg
  icon-facebook.svg
  icon-twitter.svg
/css
  icons.css
index.html

我正在使用 phpstorm 进行开发。

我的第一直觉是创建一个 php 脚本并附加一个文件监视器。

我该怎么办?

最佳答案

有很多方法可以做到这一点,但没有一种方法是开箱即用的 Phpstorm - 但它确实可以很容易地通过任务运行器系统添加它们。

所以我使用的方法是使用gulp.jsgulp-svg-sprite插件并从 Phpstorm 的 Gulp task runner 触发它.

关于php - svg 文件 phpstorm 的自动化 CSS Sprite,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29555921/

相关文章:

html - 如何使用图像而不是单选按钮?

html - 在 Bootstrap 媒体对象中对齐图像和媒体主体中心

javascript - d3.js 圆绘图在第一次尝试加载时无法正常工作

html - jpg 上的 svg 蒙版不起作用

css - Bootstrap 在 Foundation 中有类似 "end"类的东西吗?

javascript - 在 JS 中创建的 SVG <image> 元素不显示

php - 如何从大括号中获取字符串?

javascript - 在数组的下拉列表中获取所选值的数据价格

php - 使用参数重新加载页面

php - 如何使用foreach循环访问mysql结果集数据