老铁们,大家好,相信还有很多朋友对于ppt电脑版下载和截图&下载网页中的PPT的相关问题不太懂,没关系,今天就由我来为大家分享分享ppt电脑版下载以及截图&下载网页中的PPT的问题,文章篇幅可能偏长,希望可以帮助到大家,下面一起来看看吧!
1、目的
将网页中的PPT的各个页面截图下载到本地。
2、调试
1)打开控制台查看元素,可以发现PPT的页面是用DOM元素实现的。基于这个情况,首先想到的是使用html2canvas将PPT页面截图保存到本地。
01
2)接下来要考虑的是PPT如何自动翻页。经过一番调试后,发现:
a、PPT的翻页功能是通过mousedown和mouseup事件配合实现的;
b、核心的业务逻辑放在notifyClick这个函数中;
02
c、在notifyClick中打上断点,可以看到这里有一个bjyConnector对象,它其实就是这个PPT文档的控制器,它上面有个goto方法,可以用来实现翻页。
03
04
d、有了翻页控制器,接下来通常会想要知道PPT总共有多少页,否则就不知道什么时候停止“翻页+截图”。但这里,经过测试,我发现并不需要知道总页数,因为超出PPT总页数时,函数会抛出错误,我们可以利用这个错误来控制何时停止它。
3、代码编写
//函数:加载script标签\nfunctionloadScript(url){\nletele=document.createElement(&39;)\nele.src=url\ndocument.body.appendChild(ele)\n}\n//函数:用a标签下载图片\nfunctiondownloadFileByA(options){\nletfrom=&39;\nletto=&39;\nif(typeofoptions===&39;){\nfrom=options\n}else{\nfrom=(options||{}).from\nto=((options||{}).to||&39;).split(/[\\\\|\\/]/g).pop()\n}\nletele=document.createElement(&39;)\nele.target=&39;\nele.download=to\nele.style.display=&39;\nele.href=from\ndocument.body.appendChild(ele)\nele.click()\ndocument.body.removeChild(ele)\n}\n//变量:PPT页面所在的盒子元素\nlet_domObj=document.querySelector(&playerViewdiv:nth-child(2)&39;image/png&39;PPT截图.png&39;结束了&39;https://cdn.bootcdn.net/ajax/libs/html2canvas/1.4.1/html2canvas.min.js')\n//步骤2:在notifyClick函数中打上断点,并将bjyConnector对象保存到全局变量(此处,假设浏览器保存的全局变量名为temp1)\n_object=temp1\n//步骤3:运行递归函数启动“递归翻页&截图&保存图片”流程\nsaveImage()
ppt电脑版下载的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于截图&下载网页中的PPT、ppt电脑版下载的信息别忘了在本站进行查找哦。
