Question

我想为用户提供导出（本地保存）网页中的图像（svg）的功能，但不确定如何完成。我已经看到你可以用画布而不是常规图像来做到这一点。

示例代码：

<html>
   <body>
    <img src="/path/to/image.svg">
    <button>Export and Save</button>
   </body>
</html>

Answer 1

您可以使用指向该文件的链接：

void EndQuiz()
{
    Debug.Log("Quiz has ended.");
    QuizPanel.SetActive(false);
    ResultsPanel.SetActive(true);

    float[] Vertices = new float[5] { score1, score2, score3, score4, score1};

    resultsPolygon.DrawPolygon(4, Vertices);

}

您还可以设置download =＆＃34; Filename.svg＆＃34;如果你想下载另一个文件名。

Answer 2

或者，如果您想使用<a>元素以外的其他内容（例如button），则可以使用此内容：

  <img id="myImage" src="/path/to/image.svg">
  <button onClick="window.open(document.getElementById('myImage').src)">Export and Save</button>

在服务器端，您必须发送相应的标头以强制在客户端下载，例如：

Content-Type: application/octet-stream
Content-Disposition: attachment; filename="image.svg"

使用Html和Javascript在浏览器中导出图像

2 个答案: