31.9K ·GitHub
这是什么？
html2canvas 是一个 JavaScript 库，可以直接在用户的浏览器中为网页或其中的一部分生成“截图”，无需服务器支持。
html2canvas 是一个 JavaScript 库，可以直接在用户的浏览器中为网页或其中的一部分生成“截图”，无需服务器支持。它真的是截取了屏幕截图吗，还是别的什么？不是，它并不会真正截屏。它会读取 DOM 以及应用在元素上的 CSS 样式，再把页面重新绘制成一张画布图像，因此视觉效果可能无法做到 100% 准确。
不是，它并不会真正截屏。它会读取 DOM 以及应用在元素上的 CSS 样式，再把页面重新绘制成一张画布图像，因此视觉效果可能无法做到 100% 准确。在我的项目里该怎么使用？引入 html2canvas 后调用 html2canvas(element, options)，它会返回一个 Promise，并解析为一个 canvas 画布，你可以把它添加到页面中，例如：html2canvas(document.body).then(canvas => document.body.appendChild(canvas))。
引入 html2canvas 后调用 html2canvas(element, options)，它会返回一个 Promise，并解析为一个 canvas 画布，你可以把它添加到页面中，例如：html2canvas(document.body).then(canvas => document.body.appendChild(canvas))。还需要别的东西吗，比如 Promise 的 polyfill？它依赖全局可用的 Promise。对于不支持原生 Promise 的老旧浏览器，需要在加载 html2canvas 之前先引入 es6-promise 等 polyfill 兼容库。
它依赖全局可用的 Promise。对于不支持原生 Promise 的老旧浏览器，需要在加载 html2canvas 之前先引入 es6-promise 等 polyfill 兼容库。有什么需要注意的地方吗，比如跨域内容或 Node.js 支持？它高度依赖浏览器环境，因此无法在 Node.js 中运行；它也无法绕过浏览器的内容策略，所以要渲染跨域内容，就需要通过代理从同源提供这些内容。作者还称它仍处于实验阶段，目前不建议用于生产环境。
它高度依赖浏览器环境，因此无法在 Node.js 中运行；它也无法绕过浏览器的内容策略，所以要渲染跨域内容，就需要通过代理从同源提供这些内容。作者还称它仍处于实验阶段，目前不建议用于生产环境。它支持哪些浏览器？支持 Firefox 3.5+、Chrome、Opera 12+、IE9+ 以及 Safari 6+（需配合 Promise polyfill 使用），因为每一项受支持的 CSS 属性都必须手动实现。
支持 Firefox 3.5+、Chrome、Opera 12+、IE9+ 以及 Safari 6+（需配合 Promise polyfill 使用），因为每一项受支持的 CSS 属性都必须手动实现。为什么它不能直接截取页面的真实像素？因为它完全在浏览器中运行，没有服务端渲染，所以必须通过读取 DOM 和 CSS 来重新构建页面的视觉效果，这也意味着并非所有 CSS 属性都已被支持。
因为它完全在浏览器中运行，没有服务端渲染，所以必须通过读取 DOM 和 CSS 来重新构建页面的视觉效果，这也意味着并非所有 CSS 属性都已被支持。CSS 支持是否完整？不完整。每一个 CSS 属性都需要手动实现才能获得支持，因此仍有不少 CSS 属性尚未被处理。
不完整。每一个 CSS 属性都需要手动实现才能获得支持，因此仍有不少 CSS 属性尚未被处理。What are similar projects?dom-to-image, pixijs, pretext, virtual-dom, anime, react-three-fiber, million, paper.js
dom-to-image, pixijs, pretext, virtual-dom, anime, react-three-fiber, million, paper.js