FABRIC.md 777 Bytes
Newer Older
Carsten  Rose's avatar
Carsten Rose committed
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
Design / Notes for fabric.js
==========================================

General
=======

* grafische Annotierung von PNG, SVG,.... 
* Fuer die erste Vorstellung noch kein Fullscreen.

Concept
=======

* Das fabric Element 
** ist als FormElement implementiert.
** Wird ganz normal asl FE Element in col-md gewrapped.
* Server sendet alle vom User hochgeladenen Bilder inline/hidden im HTML Code mit einer HTML-ID.
* Die Bilder werden als JSON Array an das Element 'fabric' via 'data-images' uebergeben:

<HTML>
...
<div id="fabric" data-images='{"images": [{"page": 1, "selector": "#qfq-fabric-image-1"}, {"page":2, "selector": "#qfq..."}]}'> 
...
</HTML>

* Form Submit ist ein regualeres Save.
* Pro Aufgabe gibt es ein FormElemnt das die Fabric Drwaing JSON Daten enthaelt.