imageEditor/index.html at master · Rad1calDreamer/imageEditor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.17/fabric.min.js"></script>
   <script src="/libs/canvas-toBlob.js"></script>
   <script src="/libs/FileSaver.min.js"></script>
   <script src="https://unpkg.com/vue"></script>
   <script src="/dev/js/main.js"></script>
   <link rel="stylesheet" href="/dev/style/main.css">
   <link rel="stylesheet" href="/dev/style/fonts/style.css">
   <title>ImageEditor</title>
</head>
<body>
<div class="workSpace" id="main">
   <panel v-on:tool:click="onToolClick"></panel>
   <div id="imageEditor" class="imageEditor" v-on:onToolClick=onToolClick>
      <div id="uploadForm" class="imageEditor__uploadForm">
         <input type="file" id="fileInput" @change="onFileChange">
         <input type="button" id="saveImage" @click="saveImage" value="save">
      </div>
      <div class="imageEditor__canvasContainer">
         <canvas id="canvas"></canvas>
      </div>
      <img id="sourceImage" :src="sourceImage">
   </div>

</div>
</body>
</html>