diff --git a/html/document.js b/html/document.js
index 687a14a..b4c394b 100644
--- a/html/document.js
+++ b/html/document.js
@@ -10,15 +10,7 @@ const readFileToURL = (file,onOver)=>{
const readFileAndSetIMGSrc = file=>{
readFileToURL(file,src=>{
- // const img = new Image();
- const img = document.querySelector('img')
- img.src = src;
- img.onload = ()=>{
- app.img = img;
- louvre(img,app.style, src=>{
- app.src = src;
- });
- }
+ app.src = src;
});
};
@@ -39,7 +31,7 @@ document.addEventListener('paste',e=>{
if(clipboardData.files.length){
for(let i = 0;i{
- const app = new Vue({
+ app = new Vue({
el:'.app',
data,
methods: {
@@ -211,7 +208,7 @@ louvreInit(_=>{
async louvre(){
app.runing = true;
app.src = await louvre({
- img: app.img,
+ img: app.$refs['img'],
outputCanvas: app.$refs['canvas'],
config: {
...app.style,
@@ -221,10 +218,6 @@ louvreInit(_=>{
app.runing = false;
},
async setImageAndDraw(e){
- let img = e.target;
-
- console.log(img);
- app.img = img;
await app.louvre();
},
chooseFile(){
diff --git a/html/index.html b/html/index.html
index e66d43f..dbe8fa5 100644
--- a/html/index.html
+++ b/html/index.html
@@ -25,12 +25,15 @@
@touchend.prevent="diff = false"
@mousedown.prevent="toDiff()"
@mouseup.prevent="diff = false">
-
+