Problem with p5.Element.size() in Chrome/Chromium

[xty]

After trying out this example from the Beyond the Canvas tutorial, I discovered that setting either the width or height argument of the p5.Element.size() function to AUTO renders the affected <img> element invisible 🙈 in Chrome or Chromium, though everything works fine in Firefox. The failed tests were made in Chrome Version 42.0.2311.135 /w Windows 8.1 Pro (64-bit) and Chromium Version 41.0.2272.76 /w Ubuntu 14.10 (64-bit). Viewing the elements using the Chrome DevTools discloses the reason behind: whichever argument set to AUTO actually becomes zero. That is, following the aforementioned example and calling img.size(200, AUTO); will result in an <img> element with width="200" height="0".

[NPN]

When img.set(200, AUTO) is called, img is still loading so both height and width are zero. Trying to scale a 0x0 pixel picture results in the height getting set to NaNpx, which is basically 0px.

createImg should allow a callback function to be passed in so it's possible to know when the image is loaded and ready to be used (see #561 and #578).

[lmccart]

closed with 9015ffe

[freder]

@lmccart @futuremarc
this only works though if the alt argument is provided, which should be optional.

[futuremarc]

Actually, you can pass in a function to either the 2nd or 3rd arg, so you dont need to provide an alt tag. I guess this should be made clear in the docs

[freder]

oh, my bad: updated only p5.js and not p5.dom.js — so I was using an older version.