如何从CSS后台SVG URI生成PNG？

Question

我目前正在为创作者制作PDF模板。为了使其更精美，我在布局中添加了此分隔线：

在本地打开文件时的图片：

代码：

.divider {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM2OUYwQUUiPjxwYXRoIGQ9Ik05NzguODEgMTIyLjI1TDAgMGgxMjgwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNS45OXoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNOTgzLjE5IDk1LjIzTDAgMGgxMjgwbC0yNjYgOTEuNTJhNzIuNTggNzIuNTggMCAwIDEtMzAuODEgMy43MXoiLz48L2c+PC9zdmc+);
    background-size: 100% 102px;
    height: 90px;
    background-repeat: no-repeat;
}

问题在于，当我将其赶入发电机时，我再也看不到花式分频器了。我认为问题在于PDF生成器无法处理SVG。那么您是否知道如何完成此工作？ 我最初的想法是从中生成PNG并将其设置为背景而不是URI。