网页截图工具
在线网页截图，支持html2canvas和Canvas绘制，本地处理更安全
出于浏览器同源策略（CORS）安全限制，前端 JavaScript 无法直接截取任意外部 URL 的网页内容。iframe 中跨域页面也无法被读取或截图。
本工具动态加载 html2canvas CDN 库，可将当前页面的 DOM 节点渲染为 Canvas 图片。选择"当前页面区域"模式可截取本工具页面。
使用原生 Canvas API 手动绘制截图内容，无需第三方库，适合简单图形和文字的截图模拟。
截取外部网页需使用服务端方案：Puppeteer（Node.js 无头浏览器）、wkhtmltoimage、或第三方截图 API（如 ScreenshotAPI、Urlbox）。
网页截图工具说明
网页截图是将网页的可视内容保存为图片的技术。由于浏览器的同源策略（Same-Origin Policy）和跨域资源共享（CORS）限制，纯前端 JavaScript 无法直接截取任意外部 URL 的网页，本工具提供本地页面截图与方案说明。
html2canvas：一个流行的前端截图库，通过遍历 DOM 树并解析 CSS 样式，将 HTML 元素重新绘制到 Canvas 上。本工具通过 <script> 标签动态加载 CDN 版本，无需安装依赖。它可以截取当前页面任意区域，但对跨域图片、iframe、部分 CSS3 特性支持有限。
Canvas 绘制：使用原生 Canvas 2D API 手动绘制内容，不依赖第三方库。适合绘制简单的图形、文字和布局模拟，作为截图功能的轻量替代方案。
服务端方案：截取外部网页需在服务端执行。Puppeteer 是基于 Chrome Headless 的 Node.js 库，可编程控制浏览器截图；wkhtmltoimage 基于 WebKit 渲染引擎；第三方 API 服务如 ScreenshotAPI、Urlbox 提供云端截图接口，传入 URL 即可返回图片。
跨域限制原因：浏览器安全模型禁止脚本访问不同域名的页面内容，防止恶意网站窃取用户在其他网站的数据。即使通过 iframe 嵌入，跨域 iframe 的内容也无法被读取或截图。
使用方法：输入目标 URL（仅作记录），选择截图模式。"当前页面区域"模式使用 html2canvas 截取本工具页面内容；"Canvas 绘制"模式用原生 API 绘制模拟截图。截图完成后可预览并下载 PNG 图片。