个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
所以我有生成 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 l in locations:
#do stuff.....
return str(soup)
但现在我想通过 flask 提供这个 svg。能够做类似的事情
<img src='sometemp.svg'>
所以我的 flask 函数看起来像:
def serve_content():
return render_template('sometemplate.html', map=get_map())
这是否可以在不创建临时文件的情况下实现？
编辑:这是输出的一部分:
<?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-
所以我试图将其通过管道返回到页面模板，而不是先将其保存到文件中，然后再提供。这可能吗？
编辑 2:
这是路由函数
@app.route("/map", methods=["GET", "POST"])
def map():
locations = {"US-NY":60,
"US-FL":30,
"US-CA":100}
#return Response(get_map(locations), mimetype='image/svg+xml')
return render_template("map.html", svg=get_map(locations))
这是我的模板:
<html>
<body>
this is some of the stuff I want, here's a beautiful map
{{ svg }}
</body>
</html>
这就是我的页面在 Chrome 上的样子 
所以它实际上并没有显示 svg :'(
最佳答案
您的 SVG 代码是 autoescaped .一个合适的解决方案是调用 Markup() ，像这样:
return render_template("map.html", svg=Markup(get_map(locations)))
关于python - Flask:如何提供动态生成的 svg，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29261306/
24
4
0
我开发了一个具有基本安全性的 Spring Boot 应用程序。我有两个具有相同路径和不同 http 方法的端点。当我使用默认密码/使用 application.yml 中给出的密码包含基本安全性时，
我的代码是这样的: 或者，像这样: 如果我首先列出 webm 源，Firefox 4 会播放它，但 Firefox 3.6 也会尝试播放它(但会失败，因为它不支持 webm)。
我希望提供一个泛型类型作为类型参数而不首先将其解析为具体类型。换句话说，我正在寻找一种方法来指定从基类继承时可以使用的类型映射函数。 示例(不正确的)语法，希望比我能解释得更好: abstract c
我在 .NET 中编写了一些桌面应用程序，它们既提供了用于正常使用的前端 GUI，也提供了用于其他需求(例如扩展、调度、自动化、高级使用等)的命令行界面。命名两个可执行文件的最佳做法是什么，因为它们构
我最近在这里思考了很多关于屏幕抓取以及它可能是一项什么样的任务。所以我提出以下问题。 作为网站开发人员，您是否会公开简单的 API 以防止用户抓取屏幕，例如 JSON 结果？ 然后这些结果可以实现缓存
我正在为一个项目使用 Dojo 1.9，但我不明白 dojo.provide 的正确替代方案与传统风格相比，AMD 风格。我正在阅读 this文档页面。 很明显，这就是旧语法映射到新语法的方式: 旧
我正在开发一个 Angular 应用程序。当我使用 ng serve 正常运行它时，它运行没有任何错误.但是，当我运行 ng build --prod ，它给出了以下错误。 ERROR in Ille
我有一个 Mac 应用程序。在我的 Mac 应用程序中，我的屏幕之一有一个包含文本字段的 scrollView。在同一屏幕上，我有一个需要提供打印选项的按钮。可以打印文本字段的文本。打印按钮应调用 M
我已经成功地为普通媒体文件提供媒体文件，但是当我尝试提供管理媒体文件时，我失败了。请帮我找出问题所在，因为我已经尝试解决问题几个小时但没有运气(也一直在谷歌搜索并阅读有关提供静态文件的 django
我正在尝试创建一个简单的错误处理项目，它会在收到错误(例如 404、422 或 500)后为 JSON 提供错误数据。我使用来自 this 的代码网站，但它不适合我。 我实际上有这两个类: 基本 Co
假设我有一个名为 Number 的类(class)，我打算对 Number 进行大量相等比较对象。我担心通用 Number::equals(Object o) 的“开销”(类比较等...)方法。在这种
假定以下情况: 对等方A只希望将音频流发送给对等方B 对等B只希望将视频流发送给对等A 从而， 与创建报价 var sdpConstraints = { “必填”:{ 'OfferToReceiveA
因为我有一些角度，所以我想检查角度模数 360°: double angle = 0; double expectedAngle = 360; angle.Should().B
这是我的程序中构建的 monad 堆栈: type Px a = ReaderT PConf (State PState) a 其中 PConf 和 PState 是保存应用程序的配置和状态的任意数据
因为我有一些角度，所以我想检查角度模数 360°: double angle = 0; double expectedAngle = 360; angle.Should().B
我有一个小程序需要以某些权限运行，这意味着加载时会显示一条警告消息。如果用户拒绝警告消息，我想重定向到错误页面并解释发生了什么。有什么办法可以做到这一点吗？ 我研究过让计时器运行并在特定时间段后重定向
从我可以从 Firebase 文档中推断出，似乎需要服务器来提供静态内容(html和 javascript)，所以你需要有一台托管机器和一个静态内容服务器在某处启动并运行，或某些服务托管静态站点。 对
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 已关闭 3 年前。 Improv
我的项目根目录的静态文件夹中有一个文本文件。 我想提供它，所以我创建了: @csrf_exempt def display_text(request): content = retur
我目前正在研究指针，为了进一步理解我正在尝试使用指针将两个数值数组连接成一个。代码如下所示。 #include void concat(int **pa,int **pb,int **pc) {
我是一名优秀的程序员,十分优秀！