diff --git a/packages/idraw/dev/index.html b/packages/idraw/dev/index.html
index 470b2af..58230c5 100644
--- a/packages/idraw/dev/index.html
+++ b/packages/idraw/dev/index.html
@@ -27,6 +27,10 @@
+
+
+
+
diff --git a/packages/idraw/dev/main.js b/packages/idraw/dev/main.js
index 7725d66..4acb72f 100644
--- a/packages/idraw/dev/main.js
+++ b/packages/idraw/dev/main.js
@@ -7,7 +7,8 @@ var opts = {
contextWidth: 300,
contextHeight: 200,
devicePixelRatio: 4,
-}
+};
+
// var config = {
// elementWrapper: {
// controllerSize: 4,
@@ -29,3 +30,16 @@ const idraw = new iDraw(
}
);
idraw.setData(data);
+
+
+
+const btn = document.querySelector('#btn');
+btn.addEventListener('click', () => {
+ idraw.exportDataURL({type: "image/png"}).then((dataURL) => {
+ const preview = document.querySelector('#preview');
+ preview.innerHTML = `
`;
+ }).catch((err) => {
+ console.log(err);
+ });
+});
+
diff --git a/packages/util/src/lib/loader.ts b/packages/util/src/lib/loader.ts
index 21b058d..b6638df 100644
--- a/packages/util/src/lib/loader.ts
+++ b/packages/util/src/lib/loader.ts
@@ -4,6 +4,7 @@ const { Image } = window;
export function loadImage(src: string): Promise {
return new Promise((resolve, reject) => {
const img = new Image;
+ img.setAttribute('crossOrigin', 'anonymous');
img.onload = function() {
resolve(img);
};