Python 烧瓶:如何供应一个';动态生成的
因此,我有生成SVG xml的代码:Python 烧瓶:如何供应一个';动态生成的,python,svg,flask,Python,Svg,Flask,因此,我有生成SVG xml的代码: def get_map(locations): max_value = max(locations.iteritems(), key=operator.itemgetter(1))[1] base = "fill:#%s;fill-rule:nonzero;" f = open("../static/img/usaHigh.svg", "r").read() soup = BeautifulSoup(f) for
def get_map(locations):
max_value = max(locations.iteritems(), key=operator.itemgetter(1))[1]
base = "fill:#%s;fill-rule:nonzero;"
f = open("../static/img/usaHigh.svg", "r").read()
soup = BeautifulSoup(f)
for l in locations:
#do stuff.....
return str(soup)
但现在我想通过烧瓶来供应这个svg。能够做像这样的事情
<img src='sometemp.svg'>
这在不创建临时文件的情况下是否可行
编辑:以下是输出的一部分:
<?xml version='1.0' encoding='utf-8'?>
<!-- (c) ammap.com | SVG map of USA -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:amcharts="http://amcharts.com/ammap" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<defs>
<style type="text/css">
.land
{
fill: #CCCCCC;
fill-opacity: 1;
stroke:white;
stroke-opacity: 1;
stroke-width:0.5;
}
</style>
<!--{id:"US-AK"},{id:"US-AL"},{id:"US-AR"},{id:"US-AZ"},{id:"US-CA"},{id:"US-CO"},{id:"US-CT"},{id:"US-DC"},{id:"US-DE"},{id:"US-FL"},{id:"US-GA"},{id:"US-HI"},{id:"US-IA"},{id:"US-ID"},{id:"US-IL"},{id:"US-IN"},{id:"US-KS"},{id:"US-KY"},{id:"US-LA"},{id:"US-MA"},{id:"US-MD"},{id:"US-ME"},{id:"US-MI"},{id:"US-MN"},{id:"US-MO"},{id:"US-MS"},{id:"US-MT"},{id:"US-NC"},{id:"US-ND"},{id:"US-NE"},{id:"US-NH"},{id:"US-NJ"},{id:"US-NM"},{id:"US-NV"},{id:"US-NY"},{id:"US-OH"},{id:"US-OK"},{id:"US-OR"},{id:"US-PA"},{id:"US-RI"},{id:"US-SC"},{id:"US-SD"},{id:"US-TN"},{id:"US-TX"},{id:"US-UT"},{id:"US-VA"},{id:"US-VT"},{id:"US-WA"},{id:"US-WI"},{id:"US-WV"},{id:"US-WY"}-->
</defs>
<g>
<path id="US-AK" title="Alaska" class="land" d="M456.18,521.82l-0.1,4.96l-0.1,4.94l-0.1,4.92l-0.1,4.9l-0.1,4.88l-0.1,4.86l-0.1,4.84l-0.1,4.82l-0.1,4.8l-0.1,4.78l-0.1,4.77l-0.09,4.75l-0.1,4.73l-0.09,4.71l-0.09,4.7l-0.09,4.68l-0.09,4.66l-0.09,4.65l-0.09,4.64l-0.09,4.62l-0.09,4.61l-0.09,4.59l-0.09,4.58l-0.09,4.56l-0.09,4.55l-0.09,4.54l-0.09,4.53l-0.09,4.51l-0.09,4.5l-0.09,4.49l-0.09,4.48l-0.09,4.47l1.8,0.66l1.79,0.65l0.57,-1.23l1.93,0.97l1.69,0.85l1.09,-1.06l1.18,-1.14l1.58,-0.07l1.77,-0.09l1.18,-0.06l0,0.98l-0.44,1.63l-
这是我的模板:
<html>
<body>
this is some of the stuff I want, here's a beautiful map
{{ svg }}
</body>
</html>
这是我想要的一些东西,这是一张漂亮的地图
{{svg}}
这就是我的页面在Chrome上的外观
因此它实际上并没有显示svg:”(您可以使用StringIO来实现这一点:
from flask import send_file
from StringIO import StringIO
def serve_content(content):
svg_io = StringIO()
svg_io.write(content)
svg_io.seek(0)
return send_file(svg_io, mimetype='image/svg+xml')
您的SVG代码正在运行。适当的解决方案是调用,如下所示:
return render_template("map.html", svg=Markup(get_map(locations)))
对于那些不需要实际文件的人,下面是我如何使用自定义颜色从头制作SVG,并将其与Flask一起提供
import flask
custom_color_global_variable = 'red'
@app.route('/circle-thin-custom-color.svg', methods=('GET', 'HEAD'))
def circle_thin_custom_color):
"""Thin circle with the color set by a global variable."""
return flask.Response(
"""
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
><path
fill="{color}"
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111
248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7
0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1
216 216z"
/></svg>
\n""".format(
color=custom_color_global_variable,
),
mimetype='image/svg+xml'
)
导入烧瓶
自定义\u颜色\u全局\u变量='红色'
@app.route('/circle thin custom color.svg',methods=('GET','HEAD'))
def圆形(薄型)(自定义颜色):
“”“由全局变量设置颜色的细圆。”“”
返回烧瓶。响应(
"""
\格式(
颜色=自定义颜色全局变量,
),
mimetype='image/svg+xml'
)
是的,这就是我目前拥有的,但如果我这样做,整个渲染页面将成为地图本身,这就是我试图避免的,我试图将地图作为页面的一部分。因此,除了地图之外,页面还将有其他内容。使用StringIO(或最快的替代cStringIO)允许在内存中工作如果不需要临时文件,您需要两个“servlet”:一个用于页面(包含临时文件的页面),另一个用于sometemp.svg本身。我的代码是第二个,因为我已经有了xml,我不需要两个servlet来提供svg。好的,HTML中的svg元素应该以开始和结束,添加xml标记,尝试删除它们什么是get\u map
函数?我怎样才能导入它?当我试图运行此代码时,我的程序给了我一个NameError
。我觉得这个答案需要更新。文档链接也断开。get\u map()
是原始问题提供的函数。我已经更新了链接,但是你可以自己用死链接更新答案。
return render_template("map.html", svg=Markup(get_map(locations)))
import flask
custom_color_global_variable = 'red'
@app.route('/circle-thin-custom-color.svg', methods=('GET', 'HEAD'))
def circle_thin_custom_color):
"""Thin circle with the color set by a global variable."""
return flask.Response(
"""
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
><path
fill="{color}"
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111
248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7
0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1
216 216z"
/></svg>
\n""".format(
color=custom_color_global_variable,
),
mimetype='image/svg+xml'
)