0

ご存じのように、複数の CSS ファイルを 1 つ (または JS ファイル) に圧縮できます。複数の SVG を 1 つの外部ファイルに圧縮できるかどうか疑問に思っていたので、サーバーは 1 つのリクエストのみを行います。

基本的に SVG ファイルは単なる XML テキストであるため、理論的には可能ですが、これらの画像のいくつかを異なる場所にレンダリングする方法に問題があります。

ちょっと思ったんです

4

2 に答える 2

1

アセットパイプラインが管理するファイルタイプを構成する方法を説明しているこの質問への回答を確認してください。Railsアセットパイプラインでフォントを使用する（タイトルにもかかわらず、フォント以外にも適用されます）。

于 2012-12-04T14:43:35.100 に答える
0

答えはThxですが、最終的には次のようにしました：

私の場合、SVG を div タグの背景画像として使用したかったので、SVG をプリコンパイルする必要はありません。圧縮形式を直接background-image: url('here')

したがって、複数の SVG 背景の場合:

width: 600px:
height: 400px:
background-image: url('data:image/svg+xml ...first svg '), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0MCIgaGVpZ2h0PSI0ODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8IS0tIENyZWF0ZWQgd2l0aCBTVkctZWRpdCAtIGh0dHA6Ly9zdmctZWRpdC5nb29nbGVjb2RlLmNvbS8gLS0+CgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwb2x5bGluZSBpZD0ic3ZnXzMiIHBvaW50cz0iNTM4LjUsMzMzLjU2OTU2NDgxOTMzNTk0IDMyMi4yNSwyNzguMjg0NzgyNDA5NjY3OTcgMTA2LDIyMyAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIi8+CiAgPGVsbGlwc2UgZmlsbD0iI0ZGMDAwMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjUiIGN4PSIzNDMiIGN5PSIxNzAiIGlkPSJzdmdfMSIgcng9IjE0MCIgcnk9IjEwNSIvPgogPC9nPgo8L3N2Zz4=')

ここで確認してください：http://codepen.io/equivalent/full/ymefJ

生の SVG 形式:

<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
 <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
 <g>
  <title>Layer 1</title>
  <polyline fill="none" stroke-width="5" stroke="#000000" points="538.5,333.56956481933594 322.25,278.28478240966797 106,223 " id="svg_3"/>
  <ellipse transform="translate(-402 -120)" ry="105" rx="140" id="svg_1" cy="290" cx="745" stroke-width="5" stroke="#000000" fill="#FF0000"/>
 </g>
</svg>

エディター: http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html

トム・ハリソンの回答のリンクは何かにつながっていると私は信じてい ます。したがって、アセット パイプラインを使用して SVG を本当にプリコンパイルしたい場合は、その方法を使用することをお勧めします。

于 2012-12-20T10:17:58.530 に答える