diff --git a/index.css b/assets/common.css similarity index 69% rename from index.css rename to assets/common.css index a75b53f..d4a4c30 100644 --- a/index.css +++ b/assets/common.css @@ -1,5 +1,6 @@ h1{ text-align: center; + letter-spacing: 0.3em; } .button{ @@ -29,22 +30,9 @@ h1{ background-color: rgb(14, 230, 219); } - -.img-container{ - /*width:; - height:200px; - left:0; - top:0; - z-index:-1;*/ - text-align: center; - margin: 10px; -} - -.image{ - max-width:100%; - max-height:100%; -} - -#setting{ - text-align: center; -} +footer{ + bottom: 3%; + left:50%; + position: absolute; + transform: translate(-50%,-50%); +} \ No newline at end of file diff --git a/assets/fromInage.css b/assets/fromInage.css new file mode 100644 index 0000000..dcfcc34 --- /dev/null +++ b/assets/fromInage.css @@ -0,0 +1,18 @@ +.img-container{ + /*width:; + height:200px; + left:0; + top:0; + z-index:-1;*/ + text-align: center; + margin: 10px; +} + +.image{ + max-width:100%; + max-height:100%; +} + +#setting{ + text-align: center; +} diff --git a/h5range.css b/assets/h5range.css similarity index 100% rename from h5range.css rename to assets/h5range.css diff --git a/assets/index.css b/assets/index.css new file mode 100644 index 0000000..5c2fc36 --- /dev/null +++ b/assets/index.css @@ -0,0 +1,7 @@ +.sections{ + top:50%; + left: 50%; + position: absolute; + text-align: center; + transform: translate(-50%,-50%); +} \ No newline at end of file diff --git a/html/fromImage.html b/html/fromImage.html new file mode 100644 index 0000000..5c402f9 --- /dev/null +++ b/html/fromImage.html @@ -0,0 +1,69 @@ + + + + + + Scatter + + + + + +

Scatter

+ +
+ + + + + + + + + + +
+ + 调整宽度 +
+
+ + 调整长度 +
+
+ + 调整速度 +
+
+ +
+ +
+
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 4080732..60f0251 100644 --- a/index.html +++ b/index.html @@ -1,60 +1,28 @@ + + Scatter - - - -

Welcome to Scatter

- -
- - - - - - - - - - -
- - 调整宽度 -
-
- - 调整长度 -
-
- - 调整速度 + + +
+
+ +
+ -
- -
-
- + \ No newline at end of file diff --git a/Canvas.js b/js/Canvas.js similarity index 100% rename from Canvas.js rename to js/Canvas.js diff --git a/readImage.js b/js/readImage.js similarity index 99% rename from readImage.js rename to js/readImage.js index 8b100fd..ce64a41 100644 --- a/readImage.js +++ b/js/readImage.js @@ -1,4 +1,3 @@ - function newImage(image){ var file = image.files[0]; diff --git a/js/window.js b/js/window.js new file mode 100644 index 0000000..3d7250f --- /dev/null +++ b/js/window.js @@ -0,0 +1,6 @@ +const remote = require('electron').remote; + +document.getElementById("closeWindow").addEventListener("click", function (e) { + var window = remote.getCurrentWindow(); + window.close(); +}); \ No newline at end of file diff --git a/main.js b/main.js index 7b0abb2..cddfc6c 100644 --- a/main.js +++ b/main.js @@ -3,11 +3,11 @@ const {app, BrowserWindow,Menu} = require('electron') let mainWindow function createWindow () { - mainWindow = new BrowserWindow({width: 1500, height: 900}) + mainWindow = new BrowserWindow({width: 1500, height: 900,frame:false}) mainWindow.loadFile('index.html') - //mainWindow.webContents.openDevTools() + mainWindow.webContents.openDevTools() mainWindow.on('closed', function () { mainWindow = null