2

我正在尝试通过使用 Python 脚本将 SVG 转换为 PNG 来保存图表。所以我开始将 svg 数据存储在一个变量中：

var svgdata = Ext.draw.engine.SvgExporter.generate(chart.surface);

当我这样做时alert(svgdata)，我可以看到这个输出是正确的。

但是当我像这样将它发送到服务器时：

Ext.draw.engine.ImageExporter.defaultUrl = "data/svg_to_png.py?svgdata="+svgdata;

已发送的 svgdata 如下所示：

<?xml version=

我是 extjs 的新手，请帮我解决这个问题。将 svg 数据发送到我的 python 脚本并渲染 png 图像的正确方法是什么？

这是我的python脚本：

import cairo
import cgi
import rsvg
print "Content-type: image/png\n\n"

arguments = cgi.FieldStorage()
img =  cairo.ImageSurface(cairo.FORMAT_ARGB32, 640,480)
ctx = cairo.Context(img)
handler= rsvg.Handle(None, str(arguments["svgdata"]))
handler.render_cairo(ctx)
img.write_to_png("svg.png")

请帮帮我！

4

1 回答 1

1 
<div style="display:none;">
    <iframe id="file_download_iframe" src="blank.html"></iframe>
</div>

你需要在你的服务器上有一个空白的 html 页面才能在所有浏览器中正常工作。基本上，blank.html 页面是一个空页面，以满足 ifra 始终在其中有一个页面。

那么你也需要一个隐藏在某个地方的基本表单：

<div style="display:none;">
    <form
        id = "file_download_iframe_form"
        name = "file_download_iframe_form"
        target = "file_download_iframe"
        method = "post"
        action = "data/svg_to_png.py"
    >
        <input type="hidden" id="svgdata" name="svgdata"/>
    </form>
</div>

然后有一个像这样的javascript函数：

function getImage(svgdata){
    var form = document.getElementById("file_download_iframe_form");
    document.getElementById("svgdata").value = svgdata;
    form.submit();
};
于 2013-05-02T14:01:00.600 回答