From 1dd66b53ef6cb5d2c957eea0a53cd1d5247e933e Mon Sep 17 00:00:00 2001 From: MoyuScript Date: Sun, 7 Apr 2019 02:36:29 -0400 Subject: [PATCH] docs: improve canvas size limit documentation (#1576) --- docs/faq.md | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/docs/faq.md b/docs/faq.md index 3f6336a..bd0d4fb 100644 --- a/docs/faq.md +++ b/docs/faq.md @@ -13,8 +13,14 @@ methods to check whether an image would taint the canvas before applying it. If If you wish to load images that reside outside of your pages origin, you can use a [proxy](/proxy) to load the images. ## Why is the produced canvas empty or cuts off half way through? -Make sure that `canvas` element doesn't hit [browser limitations](https://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element) for the `canvas` size. -The limitations vary by browser, operating system and system hardware. +Make sure that `canvas` element doesn't hit [browser limitations](https://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element) for the `canvas` size or use the window configuration options to set a custom window size based on the `canvas` element: +``` +await html2canvas(element, { + windowWidth: element.scrollWidth, + windowHeight: element.scrollHeight +}); +``` +The window limitations vary by browser, operating system and system hardware. ### Chrome > Maximum height/width: 32,767 pixels