html2canvas/page-data/getting-started/page-data.json

{"componentChunkName":"component---src-templates-docs-js","path":"/getting-started/","result":{"data":{"markdownRemark":{"html":"<h2>Installing</h2>\n<p>You can install <code class=\"language-text\">html2canvas</code> through npm or <a href=\"https://github.com/niklasvh/html2canvas/releases\">download a built release</a>.</p>\n<h3>npm</h3>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">npm install html2canvas</code></pre></div>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">import</span> html2canvas <span class=\"token keyword\">from</span> <span class=\"token string\">'html2canvas'</span><span class=\"token punctuation\">;</span></code></pre></div>\n<h2>Usage</h2>\n<p>To render an <code class=\"language-text\">element</code> with html2canvas with some (optional) <a href=\"/configuration/\">options</a>, simply call <code class=\"language-text\">html2canvas(element, options);</code></p>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token function\">html2canvas</span><span class=\"token punctuation\">(</span>document<span class=\"token punctuation\">.</span>body<span class=\"token punctuation\">)</span><span class=\"token punctuation\">.</span><span class=\"token function\">then</span><span class=\"token punctuation\">(</span><span class=\"token keyword\">function</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">canvas</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    document<span class=\"token punctuation\">.</span>body<span class=\"token punctuation\">.</span><span class=\"token function\">appendChild</span><span class=\"token punctuation\">(</span>canvas<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>","frontmatter":{"title":"Getting Started","description":"Learn how to start using html2canvas","previousUrl":"/documentation","previousTitle":"About","nextUrl":"/configuration","nextTitle":"Configuration"}}},"pageContext":{"slug":"/getting-started/"}},"staticQueryHashes":[]}