3

使用 Xcode 4，我能够将主包中的图像加载到本地 html 文件中，该文件正在加载到 UIWebView 中，这些图像只是在一个名为 Resources/images 的文件夹中。现在使用 xcassets 似乎并非如此。

您曾经能够在 HTML 文件的标题中包含此内容：

.ccp-arrow {width:100%;height:32px;background:url('ccp-arrow.png') no-repeat center;padding-top:10px;padding-bottom:10px;}

并调用：

<div class="ccp-arrow"></div>

并将其显示在文档中。

似乎使用 xcassets 来管理不再有效的图像。

我试过删除 png 扩展名，但没有成功。

我能想到的唯一一件事是在上一个版本中重新创建旧图像文件夹，并将我在 UIWebViews 中使用的图像放在那里，但我试图避免这种情况。

有任何想法吗？

4

1 回答 1

4

是的，看起来您将不得不求助于您已经描述的方法：将您想要在 HTML 文件中使用的图像以老式方式嵌入 Xcode 中，而不是通过资产目录。

我经常使用的另一种方法是将图像作为 base64 编码数据直接嵌入 HTML 或 CSS。这种方法的好处是，您不必将目录或文件路径传递给 HTML/CSS。这就是它在 CSS 中的样子：

#myContainer {
  background: url(data:image/png;base64,iVBoAAAAORw0KGgUgAd2FyZQBBZG...);
}

或在 HTML 中：

<img src="data:image/png;base64,iVBoAAAAORw0KGgUgAd2FyZQBBZG...">

您可以使用命令行函数 base64 获取图像的 base64 数据：

$ base64 my-image.png
于 2013-10-13T18:06:35.550 回答