1、点击浏览器右上角的三条杠；
2、点击另存网页为；
3、然后选择保存类型，点击第一个html然后就能保存成HTML格式。
楼主的“调用函数相当于把被调用函数写到调用函数内”我没看懂，不过我能告诉楼主为啥save和restore不能省去。原来的函数我简单解释成这样：因为context是一个全局对象，context.save()的时候保存了context当前的状态值，然后你执行了一些值的修改，比如改变阴影大小，在函数最后调用context.restore()方法将context之前的状态值还原回去。
当楼主注释掉save和restore后，这时调用drawText函数时context的画笔状态就不会保存与还原（这么说你懂吗？注释掉了save就不会保存之前的状态，同样画完也不会还原画笔状态）
继续复制我之前的答案。
其实在浏览器里面是不行的。因为浏览器为了安全并没有给前端访问本地资源的权限，但是可以通过浏览器 API 下载的方式来将内容保存成本地 TXT 文件。
不过像这种不同浏览器有不同 API 的东西，自己太麻烦了，我曾经用过 FileSaver.js 这个库来下载过在金山词霸上的错词表，自己读取表单内容在 js 里拼装成你想要的样子然后调用库就行了，很方便。
官方实例：
var file = new File(["Hello, world!"], "hello world.txt", {type: "text/plaincharset=utf-8"})saveAs(file)
上面示例会保存 “Hello, world!” 到 hello world.txt 文件，你想要 a.htm 就把第二个参数改成 a.htm 就成。
补充一下可能完全的不需要的内容，关于如何获取某元素的内容：
