Merge f169b8a into 173fd6d

bubkoo · Jun 14, 2021 · 15997d6 · 15997d6
2 parents 173fd6d + f169b8a
commit 15997d6
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/createSvgDataURL.ts b/src/createSvgDataURL.ts
@@ -11,6 +11,7 @@ export function createSvgDataURL(
 
   svg.setAttributeNS('', 'width', `${width}`)
   svg.setAttributeNS('', 'height', `${height}`)
+  svg.setAttributeNS('', 'viewBox', `0 0 ${width} ${height}`)
 
   foreignObject.setAttributeNS('', 'width', '100%')
   foreignObject.setAttributeNS('', 'height', '100%')

diff --git a/test/spec/index.spec.ts b/test/spec/index.spec.ts
@@ -300,6 +300,20 @@ describe('html to image', () => {
         .then(done)
         .catch(done)
     })
+
+    it('should include a viewBox attribute', (done) => {
+      Helper.bootstrap('small/node.html', 'small/style.css', 'small/image')
+        .then(htmlToImage.toSvg)
+        .then(Helper.getSvgDocument)
+        .then((doc) => {
+          const width = doc.documentElement.getAttribute('width')
+          const height = doc.documentElement.getAttribute('height')
+          const viewBox = doc.documentElement.getAttribute('viewBox')
+          expect(viewBox).toEqual(`0 0 ${width} ${height}`)
+        })
+        .then(done)
+        .catch(done)
+    })
   })
 
   describe('work with options', () => {