Question

我试图在其上提供带有SVG属性的HTML页面;所以一旦我点击＆＃34;创建＆＃34;我希望能够将该文件下载为.jpg而不是SVG。我查看了多个使用命令行的转换器，例如这样。

os.system("rsvg-convert -h 32 save.svg > icon-32.jpg")

Similiary，我希望能够点击创建并下载我的文件的.jpg版本。我目前正在尝试使用Flask。

without_filter = <svg viewBox="0 0 400 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background: #40484b;">
    <defs>
        <!-- if you use the same shape multiple times, you put the reference here and reference it with <use> -->
        <rect id="path-1" x="25" y="25" width="100" height="100"></rect>
        <rect id="path-3" x="150" y="25" width="100" height="100"></rect>
        <rect id="path-5" x="275" y="25" width="100" height="100"></rect>

        <!-- gradient -->
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="gradient">
            <stop stop-color="#FF8D77" offset="0%"></stop>
            <stop stop-color="#FFBDB1" offset="50%"></stop>
            <stop stop-color="#F4E3F6" offset="100%"></stop>
        </linearGradient>

        <!-- clip-path -->
        <clipPath id="clip">
            <circle cx="325" cy="75" r="50"></circle>
        </clipPath>

        <!-- filter -->
        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="glow">
            <feGaussianBlur stdDeviation="15" in="SourceGraphic">
                <animate attributeName="stdDeviation" attributeType="XML"
                    begin="0s" dur="0.25s" repeatCount="indefinite"
                    values="15;20;15"/>
            </feGaussianBlur>
        </filter>
    </defs>
    <g fill-rule="evenodd">
        <use xlink:href="#path-1" filter="url(#glow)" fill="#FF8D77" fill-opacity="0.5"></use>
        <use xlink:href="#path-3" fill="url(#gradient)"></use>
        <use xlink:href="#path-5" fill="#FF8D77" clip-path="url(#clip)"></use>
    </g>
</svg>

一旦用户点击＆＃34;创建＆＃34;我就试图将（html）下载为.jpeg。这是我的观点功能。

@app.route('/filters/<filename>', methods=['GET','POST'])
def AddFiltersTag(filename):
    form = AddFilterTags(request.form)
    if form.validate_on_submit():
        html = re.sub(r'(.*?<defs>)(.*)', r'\g<1>' + add_filter_tag + add_filter + end_tag + '\g<2>', without_filter)
        save_html = open('save.svg','wb')
        save_html.write(html)
        os.system("rsvg-convert -h 32 save.svg > icon-32.jpg")
        return download_html

当用户点击＆＃34;提交＆＃34>时，会触发AddFilterTag函数。以我的形式。但在这种情况下我想下载，上面的代码只是将文件保存为.svg并稍后使用os.system进行转换，但我想直接下载.jpg版本。有没有办法做到这一点？

Answer 1

保存文件并将其转换为图像后。

您可以直接从目录返回文件，这将为用户提供下载弹出窗口。

...
os.system("rsvg-convert -h 32 save.svg > icon-32.jpg")
return send_from_directory("/path/to/saved/image", "icon-32.jpg")

请务必按如下方式导入方法：

from flask import send_from_directory

如果您在生产中使用此功能，请确保nginx或实际的Web服务器正在发送该文件。您可以在http://flask.pocoo.org/docs/0.11/api/#flask.send_from_directory

了解更多信息

使用flask将SVG下载为JPEG

1 个答案: