Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Retina textbox toDataURL image appears different to fabric object on canvas. #2968

Closed
ghost opened this issue May 13, 2016 · 0 comments · Fixed by #2972
Closed

Retina textbox toDataURL image appears different to fabric object on canvas. #2968

ghost opened this issue May 13, 2016 · 0 comments · Fixed by #2972
Labels

Comments

@ghost
Copy link

ghost commented May 13, 2016

Version

1.6.1

Test Case

http://jsfiddle.net/7dq9ucyb/1/

Steps to reproduce

  1. Create a textbox on a fabric canvas on a "retina" screen (e.g. macbook pro retina)
  2. Call toDataURL on the textbox
  3. Place the generated data URL into an image tag and append it to the body

Expected Behavior

The data url image should be double the apparent size of the textbox but the crop and padding of the text should be exactly matching what is on the canvas.

Actual Behavior

The text appears cropped differently in the data url when compared with the original canvas rendering.

Object on Canvas:

Data URL image:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant