fabric.buttons.json 4.01 KiB
{
"modes": [
{
"name": "draw",
"selector": "drawing-mode",
"requiresDrawing": true,
"requiresSelection": false,
"isToggle": true,
"toggle": "isDrawingMode",
"hasToggleElement": false,
"toggleElement": "",
"icon": "glyphicon-pencil"
},
{
"name": "highlight",
"selector": "highlight-mode",
"requiresDrawing": true,
"requiresSelection": false,
"isToggle": true,
"toggle": "isHighlightMode",
"hasToggleElement": false,
"toggleElement": "",
"icon": "glyphicon-pencil"
},
{
"name": "write",
"selector": "add-text",
"requiresDrawing": false,
"requiresSelection": false,
"isToggle": false,
"toggle": "",
"hasToggleElement": false,
"toggleElement": "",
"icon": "glyphicon-text-height"
},
{
"name": "emoji",
"selector": "add-emoji",
"requiresDrawing": false,
"requiresSelection": true,
"isToggle": true,
"toggle": "emojiMode",
"hasToggleElement": true,
"toggleElement": "emojiContainer",
"icon": "glyphicon-ice-lolly-tasted"
},
{
"name": "rectangle",
"selector": "add-rect",
"requiresDrawing": false,
"requiresSelection": false,
"isToggle": true,
"toggle": "drawRectangleMode",
"hasToggleElement": false,
"toggleElement": "",
"icon": "glyphicon-stop"
},
{
"name": "move",
"selector": "move-mode",
"requiresDrawing": false,
"requiresSelection": false,
"isToggle": true,
"toggle": "isHighlightMode",
"hasToggleElement": false,
"toggleElement": "",
"icon": "glyphicon-move"
},
{
"name": "zoom", "selector": "zoom-canvas",
"requiresDrawing": false,
"requiresSelection": false,
"isToggle": true,
"toggle": "isZoomMode",
"hasToggleElement": false,
"toggleElement": "",
"icon": "glyphicon-search"
},
{
"name": "delete",
"selector": "clear-canvas",
"requiresDrawing": false,
"requiresSelection": false,
"isToggle": false,
"toggle": "",
"hasToggleElement": false,
"toggleElement": "",
"icon": "glyphicon-trash"
},
{
"name": "undo",
"selector": "undo",
"requiresDrawing": false,
"requiresSelection": false,
"isToggle": false,
"toggle": "",
"hasToggleElement": false,
"toggleElement": "",
"icon": "glyphicon-repeat"
}, {
"name": "redo",
"selector": "redo",
"requiresDrawing": false,
"requiresSelection": false,
"isToggle": false,
"toggle": "",
"hasToggleElement": false,
"toggleElement": "",
"icon": "glyphicon-repeat"
}
],
"currentMode": "draw",
"colors": [
{
"name": "blue",
"selector": "draw-blue",
"red": 0,
"green": 68,
"blue": 255
},
{
"name": "light-blue",
"selector": "draw-light-blue",
"red": 0,
"green": 204,
"blue": 255
},
{
"name": "red",
"selector": "draw-red",
"red": 255,
"green": 0,
"blue": 0
},
{
"name": "pink",
"selector": "draw-pink",
"red": 255,
"green": 53, "blue": 177
},
{
"name": "green",
"selector": "draw-green",
"red": 133,
"green": 169,
"blue": 75
},
{
"name": "yellow",
"selector": "draw-yellow",
"red": 255,
"green": 204,
"blue": 0
}
]
}