Packaged the annotator javascript file.

b4oshany · Mar 20, 2017 · 6e97436 · 6e97436
1 parent 75deb5c
commit 6e97436
Show file tree

Hide file tree

Showing 32 changed files with 552 additions and 1,727 deletions.
diff --git a/bower.json b/bower.json
@@ -0,0 +1,32 @@
+{
+  "name": "fabric-annotator",
+  "authors": [
+    "Oshane Bailey <[email protected]>"
+  ],
+  "description": "Annotate images on camvas using Fabric.js",
+  "main": [
+    "dist/fab-annotator.css",
+    "dist/fab-annotator.js"
+  ],
+  "keywords": [
+    "fabric",
+    "fabricjs",
+    "annotation",
+    "annotate",
+    "image"
+  ],
+  "license": "MIT",
+  "homepage": "http://osoobe.com",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests",
+    "demos"
+  ],
+  "dependencies": {
+    "bootstrap": "^3.3.7",
+    "fabric.js": "fabric#^1.7.8"
+  }
+}
diff --git a/css/fab-annotate.css b/css/fab-annotate.css
diff --git a/css/materialize.min.css b/css/materialize.min.css
diff --git a/demos/index.html b/demos/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Fabric Polygon</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
+    <link rel="stylesheet" href="../dist/fab-annotator.css">
+</head>
+<style type="text/css">
+    * {
+        font-family: "Roboto", sans-serif;
+        font-weight: 100;
+    }
+</style>
+
+<body style="">
+    <div class="section no-pad-bot no-pad-top">
+        <img class="fab-annotate" src="http://fabricjs.com/assets/jail_cell_bars.png" />
+    </div>
+
+    <script type="text/javascript" src="../bower_components/jquery/dist/jquery.min.js"></script>
+    <script type="text/ecmascript" src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+    <script type="text/javascript" src="../bower_components/fabric.js/dist/fabric.min.js"></script>
+    <script type="text/javascript" src="../dist/fab-annotator.js"></script>
+
+</body>
+
+</html>
diff --git a/dist/fab-annotator.css b/dist/fab-annotator.css
@@ -0,0 +1,35 @@
+
+
+img.fab-hide{
+    display: none !important;
+}
+
+.fab-annotate-btn {
+    position: absolute;
+    width: 200px;
+    background: rgba(0,0,0,.3);
+    padding: 5px 10px;
+    left: 10px;
+    top: 10px;
+    z-index: 10000000;
+    color: white;
+    font-weight: bold;
+    border-radius: 20px;
+}
+
+dic.fab-canvas {
+}
+
+#fab-popover{
+    position: absolute;
+}
+
+.fab-popover-buttons{
+    margin-top: 5px;
+    padding-top: 5px;
+    border-top: 1px solid #ccc;
+}
+
+.icon-trash.deleteCanvasObjectBtn.canvasObjectBtn {
+    margin-left: 10px;
+}