image have offsetX

[cailongl]

Use case: description, code

unmake = async () => {
    // TODO
    try {
      const element = document.getElementById('artboard-container')
      const {width, height} = element.getBoundingClientRect()
      const dataUrl = await dom2image.toJpeg(element, {
        quality: 0.95,
        width,
        height,
        filter: ele => ele.tagName !== 'IMG' && !['wave-box-tools', 'artboard-cursor', 'artboard-grid'].includes(ele.id)
      })
      const link = document.createElement('a')
      link.download = 'my-image-name.jpeg'
      link.href = dataUrl // URL.createObjectURL(blob)
      link.click()
    } catch (e) {
      console.log(e)
    }
  }

Expected behavior

I want get a jpeg is not offsetX, and it full with the width. The dom that i want get is center of screen.but i want the image not with offsetX

Actual behavior (stack traces, console logs etc)

Library version

"dom-to-image": "^2.6.0",

Browsers

• [x] Chrome 49+

[Homer1011110]

I have the same issue

Here is my solution, I hope this will be helpful for you

// use style option to set margin to 0
domtoimage.toSvg(this.ref, {
    quality: 1,
    style: {
        margin: 0
    }
})

[cailongl]

@Homer1011110 thanks a lot, it worked.

[cesswhite]

I have the same issue

Here is my solution, I hope this will be helpful for you

// use style option to set margin to 0
domtoimage.toSvg(this.ref, {
    quality: 1,
    style: {
        margin: 0
    }
})

Thank you!