add clipper

Clipper/build/debug/README.md

@@ -0,0 +1,13 @@
+# Clipper
+
+VDE screen capture tool.
+
+Clipper use `html2canvas` to capture AntOS desktop or a specific window.
+It is able to crop the captured image before saving to a file
+
+## Change logs
+* v0.1.0-a initial version
+
+
+## Credit
+* [html2canvas](https://html2canvas.hertzen.com/)

Clipper/build/debug/main.css

@@ -0,0 +1,21 @@
+
+afx-app-window[data-id = "Clipper"] div[data-id = "wrapper"] {
+    overflow: auto;
+    background-image: url("bg.jpg");
+    background-repeat: repeat;
+}
+
+afx-app-window[data-id = "Clipper"] div[data-id = "toolbar"] {
+    padding-left: 5px;
+    display:inline-block;
+    text-align:left;
+}
+
+afx-app-window[data-id = "Clipper"] afx-button[data-id = "btnCrop"] button.selected {
+    background-color: #116cd6;
+    color:white;
+}
+
+afx-app-window[data-id = "Clipper"] div[data-id = "cropwin"] {
+    border:1px dashed chocolate;
+}

Clipper/build/debug/package.json

@@ -0,0 +1,14 @@
+{
+    "app":"Clipper",
+    "name":"Clipper",
+    "description":"Clipper",
+    "info":{
+        "author": "",
+        "email": ""
+    },
+    "version":"0.1.0-a",
+    "category":"Other",
+    "iconclass":"fa fa-scissors",
+    "mimes":["none"],
+    "locale": {}
+}

Clipper/build/debug/scheme.html

@@ -0,0 +1,15 @@
+<afx-app-window apptitle="Clipper" width="500" height="400" data-id="Clipper">
+    <afx-hbox >
+        <afx-vbox>
+            <div data-height="30" data-id="toolbar">
+                <afx-button data-id="btnCptScreen" text="__(Capture screen)" iconclass="fa fa-camera-retro"></afx-button>
+                <afx-button data-id="btnCptWindow" text="__(Capture a window)" iconclass="fa  fa-window-maximize"></afx-button>
+                 <afx-button data-id="btnCrop" text="__(Crop)" toggle="true" selected="false" iconclass="fa fa-crop"></afx-button>
+            </div>
+            <div data-id="wrapper">
+                <canvas data-id="scene"></canvas>
+                <div data-id="cropwin"></div>
+            </div>
+        </afx-vbox>
+    </afx-hbox>
+</afx-app-window>