Is canvas getImageData method machine/browser dependent?

by

Yes. This fact is exploited by canvas fingerprinting:

The same HTML5 Canvas element can
produce exceptional pixels on a different web browsers, depending on
the system on which it was executed.

This happens for several reasons: at the image format level — web
browsers uses different image processing engines, export options,
compression level, final images may got different hashes even if they
are pixel-perfect; at the pixmap level — operating systems use
different algorithms and settings for anti-aliasing and sub-pixel
rendering. We don’t know all the reasons, but we have already
collected more than a thousand unique signatures.

More Related Contents:

  1. Get pixel color from canvas, on mousemove
  2. How to scale an imageData in HTML canvas?
  3. Random color generator
  4. How to clear the canvas for redrawing
  5. HTML5 Canvas Resize (Downscale) Image High Quality?
  6. JavaScript eyedropper (tell color of pixel under mouse cursor)
  7. JS function to calculate complementary colour?
  8. How can I perform flood fill with HTML Canvas?
  9. Javascript color gradient
  10. Getting mouse location in canvas [duplicate]
  11. How can I generate the opposite color according to current color?
  12. Emulating palette based graphics in WebGL v.s. Canvas 2D
  13. Destroy chart.js bar graph to redraw other graph in same
  14. Canvas tainted by cross-origin data
  15. How to draw polygons on an HTML5 canvas?
  16. Mixing two colors “naturally” in javascript
  17. Load image from url and draw to HTML5 Canvas
  18. HTML Canvas: How to draw a flipped/mirrored image?
  19. Canvas image masking / overlapping
  20. How to fill the whole canvas with specific color?
  21. HTML canvas – drawing disappear on resizing
  22. Is there a way to curve / arc text using CSS3 / Canvas
  23. dotted stroke in
  24. Cancel single image request in html5 browsers
  25. How to convert array of png image data into video file
  26. Wait for image to be loaded before going on
  27. How to detect shape on a transparent canvas?
  28. How to programmatically calculate the contrast ratio between two colors?
  29. Crop Functionality using FabricJs
  30. how to skew image like this

Leave a Comment