0

我正在构建一个显示svg使用 python 代码生成的文件的工作程序triangles.py。在这个 python 代码中，我有一个函数：

getSVGCode(vw, vh):
    ⋮
    callingOtherFunction(inThisFile)
    ⋮
    return svgCode

需要从在 Cloudflare Workers 上运行的 javascript 调用此函数（使用下面给出的方法）。svgCode 被插入到htmljavascript 返回给浏览器的字符串中。

const html = `<!DOCTYPE html>
<body>
  <h1>Hello World</h1>

  <svg>My svg here</svg>

  <p>This markup was generated by a Cloudflare Worker.</p>
</body>`

async function handleRequest(request) {
  return new Response(html, {
    headers: {
      "content-type": "text/html;charset=UTF-8",
    },
  })
}

addEventListener("fetch", event => {
  return event.respondWith(handleRequest(event.request))
})

所以，我想知道一种让Javascript代码将视口尺寸（vh和vw）传递给python函数的方法，以便可以使用这个大小生成svg。如果无法使用此选项，我将不得不调整 svg 的大小，使其看起来被拉伸。我也想知道如何让 Worker 也从 javascript 运行 python 代码。

我是编码的初学者，尤其是 javascript。请提供完整信息，以便我理解您的回答。谢谢！

4

1 回答 1

0

所以，我想我可以<script></script>在html变量内部使用。我使用了类似下面的东西。

<script>
    const vw = document.documentElement.clientWidth;
    const vh = document.documentElement.clientHeight;
    var svgHref = "https://your.url.here/using?height=vh&ampwidth=vw";
    document.getElementById("triangles-svg").src = svgHref;
</script>

这伴随着一个身体，

<body>
    <img id="triangles-svg">
</body>

中提琴。:)

于 2021-08-11T19:32:23.800 回答