FABRIC.md 818 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
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>
...
bbaer's avatar
bbaer committed
21
<div id="fabric" data-images='{"images": [{"page": 1, "selector": "qfq-fabric-image-1", "refId": "image.id"}, {"page":2, "selector": "#qfq..."}]}'> 
Carsten  Rose's avatar
Carsten Rose committed
22
23
24
...
</HTML>

bbaer's avatar
bbaer committed
25
* id Selector ohne #
Carsten  Rose's avatar
Carsten Rose committed
26
27
* Form Submit ist ein regualeres Save.
* Pro Aufgabe gibt es ein FormElemnt das die Fabric Drwaing JSON Daten enthaelt.