0

tl;dr：目前 Sass 是否有任何类似的功能，获取 ImageMagick 生成的图像并将其放入图像文件夹并自动指定其宽度和高度？

h2.anthony {
    /* image replacement CSS here */
    @magick-image: "convert -fill blue -font Candice -pointsize 72 label:Anthony header-anthony.png";
}

（ImageMagick 命令基于此示例：http ://www.imagemagick.org/Usage/text/#label ）

结果 CSS：

h2.anthony {
    /* image replacement CSS here */
    background: url(img/header-anthony.png) no-repeat;
    width: 275px;
    height: 79px;
}

我必须使用图像而不是 Web Fonts、Cufon、sIFR 等，因为该网站是中文的，而且中文字体很大。

背后故事：

我正在一个新网站上工作，许多页面中有很多文本，它们的标题文本应该以特定字体显示，并带有渐变效果。

现在，即使我使用 CSS sprites 并将所有具有所需效果的标题文本放入同一个图像中，我仍然必须测量每行的宽度并手动将其输入到我的样式表中。随着页面的添加或删除或最长文本行的长度发生变化，它变得更加麻烦。

我正在寻找自动化的方法。我已经想出了如何使用 ImageMagick 重新创建效果，这样我就可以使用一个命令生成每个标题图像，但我仍然需要自己测量图像的宽度。

4

1 回答 1

2

恰好有一个 Compass 扩展可以让您使用 ImageMagick。我从未使用过它，但它看起来很有趣。

https://github.com/StanAngeloff/compass-magick

于 2013-01-12T19:16:07.663 回答