2017-12-07 18:49:40 +03:00
---
2018-01-08 17:21:11 +03:00
title: "Options"
2017-12-10 11:43:34 +03:00
description: "Explore the different configuration options available for html2canvas"
previousUrl: "/getting-started"
previousTitle: "Getting Started"
nextUrl: "/features"
nextTitle: "Features"
2017-12-07 18:49:40 +03:00
---
These are all of the available configuration options.
2017-12-10 11:43:34 +03:00
| Name | Default | Description |
| ------------- | :------: | ----------- |
| async | `true` | Whether to parse and render the element asynchronously
| allowTaint | `false` | Whether to allow cross-origin images to taint the canvas
2017-12-12 16:23:53 +03:00
| backgroundColor | `#ffffff` | Canvas background color, if none is specified in DOM. Set `null` for transparent
2017-12-10 11:43:34 +03:00
| canvas | `null` | Existing `canvas` element to use as a base for drawing on
| foreignObjectRendering | `false` | Whether to use ForeignObject rendering if the browser supports it
| imageTimeout | `15000` | Timeout for loading an image (in milliseconds). Set to `0` to disable timeout.
2017-12-11 15:23:43 +03:00
| logging | `true` | Enable logging for debug purposes
2017-12-10 11:43:34 +03:00
| proxy | `null` | Url to the [proxy ](/proxy/ ) which is to be used for loading cross-origin images. If left empty, cross-origin images won't be loaded.
| removeContainer | `true` | Whether to cleanup the cloned DOM elements html2canvas creates temporarily
| scale | `window.devicePixelRatio` | The scale to use for rendering. Defaults to the browsers device pixel ratio.
2017-12-21 18:38:01 +03:00
| useCORS | `false` | Whether to attempt to load images from a server using CORS
2017-12-10 11:43:34 +03:00
| width | `Element` width | The width of the `canvas`
| height | `Element` height | The height of the `canvas`
| x | `Element` x-offset | Crop canvas x-coordinate
| y | `Element` y-offset| Crop canvas y-coordinate
| scrollX | `Element` scrollX | The x-scroll position to used when rendering element, (for example if the Element uses `position: fixed` )
| scrollY | `Element` scrollY | The y-scroll position to used when rendering element, (for example if the Element uses `position: fixed` )
| windowWidth | `Window.innerWidth` | Window width to use when rendering `Element` , which may affect things like Media queries
| windowHeight | `Window.innerHeight` | Window height to use when rendering `Element` , which may affect things like Media queries
2017-12-21 18:42:59 +03:00
If you wish to exclude certain `Element` s from getting rendered, you can add a `data-html2canvas-ignore` attribute to those elements and html2canvas will exclude them from the rendering.