功能展示如图所示
代码实现原理：
1.利用html2-cavans 对当前元素截图生成base64的图片格式
2.利用cavans在img图片绘制圆圈并定位图形位置
3.将绘制后的img图片再次利用html2-cavans生成新的img图片
4.代码必须运行的服务器上，可利用node服务输入： live-server 即可运行
具体代码见：
GITHUB
利用html2covans 截图，绘圈
该博客详细介绍了如何通过html2canvas库实现网页元素的截图，并结合canvas在图片上绘制圆圈进行图形标注，最后再次转换为图片。整个过程需要在服务器环境中运行，例如使用live-server。代码实现包括四个主要步骤：截图、图形标注、重新截图和展示结果。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
