实现HTML页面截屏功能的完整代码，包含截图、保存提示和下载功能

截图效果

最后效果演示以下是实现HTML页面截屏功能的完整代码，包含截图、保存提示和下载功能：
使用html2canvas库实现网页截图功能
提供美观的UI界面和交互效果
截图后显示预览并询问用户是否保存
支持将截图保存为PNG格式文件
包含取消操作功能
响应式设计适配不同设备
完整的错误处理和用户反馈

以下是优化后的网页截图工具代码，添加了截图等待提示功能，并保持其他功能不变：
添加了等待提示模态框，在截图过程中显示"正在截图中..."提示
保留了原有所有功能，包括截图预览、保存和取消操作
优化了用户体验，防止用户在截图过程中误操作
使用CSS实现了美观的等待提示界面
完整注释了JavaScript代码，便于理解每个功能模块
响应式设计适配不同设备屏幕
错误处理机制确保截图失败时能正确反馈给用户

以下是带右下角水印的截图工具完整代码，水印在截图完成后添加，透明度60%的灰色，保持原有按钮交互方式不变：
使用html2canvas库实现页面截图功能
截图完成后在画布上添加右下角水印
水印文字为"视频号：DJ荻酷"，60%透明度灰色
保留原有按钮交互逻辑和UI布局
提供图片保存和取消操作功能
响应式设计适配不同屏幕尺寸 如需要源代码请联荻酷系购买粉丝优惠