define(['toDataURL'], function (toDataURL) { var element = document.getElementByTagName('img')[0]; var src = 'https://avatars0.githubusercontent.com/u/7076521?v=2&s=84'; /* you can get the dataUrl from an element (not a url) synchronously, */ console.log(toDataURL(element)); // > data:image/png;base64,iVBORw0KGgo... /* but that sync method may cause some issues, so you can also make it by an async way. */ toDataURL(element, { callback: function (err, data) { if (!err) console.log(data); // > data:image/png;base64,iVBORw0KGgo... } }); /* or get the dataUrl from a url asynchronously */ toDataURL(src, { callback: function (err, data) { if (!err) console.log(data); // > data:image/png;base64,iVBORw0KGgo... } }); /* and define the width and height */ toDataURL(src, { width: 120, height: 120, callback: function (err, data) { if (!err) console.log(data); // > data:image/png;base64,iVBORw0KGgo... } }); /* maybe you just want the base64 data */ toDataURL(src, { purify: true, callback: function (err, data) { if (!err) console.log(data); // > iVBORw0KGgo... } }); });