Question

我对html和js很新。现在我有一个问题：假设我有一个html页面，我在这个页面上有两个按钮。一个是在页面上画一个圆圈。如果我按下此按钮，它将在页面上显示一个圆圈。一个是保存这个HTML草图。如果我按下此按钮，它将保存当前的html。现在，我能够显示带有相关js脚本的圆圈，但我不知道如何能够保存html。有什么建议吗？

Answer 1

如果保存意味着您要下载HTML文件，则下面是一个片段：

<button on click="download()">download</button>

我们正在使用download标签的a属性。

function download() {
var a = document.createElement("a");
a.style.display = "none";
a.href = window.location.href;
a.download = "q.html"
document.body.append(a);
a.click();
}

这是一个Codepen链接，它将给出有关代码功能的想法： https://codepen.io/AbrarShahriar/pen/WNwGXRa

Answer 2

请分享您的代码，或者您可以使用 svg-editor 绘制形状并在画布上保存形状，

基本上在html 5和js中都支持在画布上绘制一些形状。

有关信息，您可以访问svg-editor的官方文档：

https://svg-edit.github.io/svgedit/releases/svg-edit-2.8.1/svg-editor.html#paste

点击按钮后更新html

2 个答案: