1
したがって、基本的には2つの異なるバージョンのpngイメージを使用します。最初にInkscapeで開き、svgとして保存し、2番目の「パターンに変換」をクリックしてからsvgとして保存します。最初のファイルに次のようになります。Inkscape - 画像をパターンとして使用してrectを使ったときの画質低下<image>
<image
width="1280"
height="720"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,iVBOR..."
id="image10"
x="0"
y="0" />
と、このような二:私はInkscapeのを使用してPNGなど、両方のSVGファイルをエクスポートする場合
<defs
id="defs6">
<pattern
patternUnits="userSpaceOnUse"
width="1280"
height="720"
id="pattern4157">
<image
y="0"
x="0"
id="image10"
xlink:href="data:image/png;base64,iVBOR..."
preserveAspectRatio="none"
height="720"
width="1280" />
</pattern>
</defs>
<sodipodi .../>
<rect
style="stroke:none;fill:url(#pattern4157)"
width="1280"
height="720"
x="0"
y="0"
id="rect4160" />
は今、最初のものはソースと同一でありますpng、もう1つは少しぼやけてしまい、色もやや暗くなり、ファイルサイズも1.7MBから1.3MBに縮小します。なぜこれが起こるのですか?どうすればこれを避けることができますか?
良いアイデア!しかし、はい、結果は同じサイズです。ここでは、私が何をしているのかを見ることができます: https://stackoverflow.com/questions/47714939/workflow-for-creating-animated-hand-drawn-videos-encoding-difficulties 私は黒板の背景としてpngを持っています。黒板模様のパスを使って、スポンジでチョークを消したように見せてください。 – Mircode
https://stackoverflow.com/questions/11293026/default-background-color-of-svg-root-elementを見ると、黒い背景を直接svgに設定できます。 – Gunee
私のアニメーションのちらつきがどこから来たのかを最終的に見極めたところ、の代わりに常に模様付きの形を使って修正できます。それで、すべてが少しぼやけてしまいます。しかし、私はいつも不完全な回避策のために解決したことを知っています;) –
Mircode