JSFiddle - React, Tailwind, and code Playground

by veeramarni

HTML

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://github.com/DmitryBaranovskiy/raphael/raw/master/raphael-min.js"></script>

JavaScript

/** Whiteboard Script for ENYO testing**/

enyo.kind({
    name: "DrawEngine",
    kind: "enyo.Object",
    published: {
        whiteboard: null,
        isBroadcastable: false,
        paper: null,
        offset: null,
        logging: false
    },
    textField: $('<textarea id="whiteboardText"/>'),
    /**
     * Action mode.
     * 
     * @private
     * @type object
     */
    _modeSwitcher: {
        "textMode": false,
            "freeLineMode": false,
            "straightLineMode": false,
            "rectangleMode": false,
            "circleMode": false,
            "ellipseMode": false,
            "documentMode": false,
            "imageMode": false,
            "iconMode": false,
            "selectMode": false,
            "moveMode": false,
            "bringFrontMode": false,
            "bringBackMode": false,
            "cloneMode": false,
            "removeMode": false,
            "resizeMode": false,
            "fillMode": false
    },
    /**
     * Change default properties
     * 
     * @private
     * @type object
     */
    _newProperties: {
        "stroke-width": 3
    },
    /**
     * Defining variables
     */
    _selectedObj: null,
    _wbElements: {},
    /**
     * Element order
     */
    _elementOrder: {
        "lowSeq": 10000, // default min
        "maxSeq": 10000
        // default max
    },
    /**
     * variable for transformation
     */
    _ft: null,

    _drawOptions : {
        whiteboard: null,
        isBroadcastable: false,
        paper: null,
        offset: null,
        scrollBaseComp: null,
        logging: false
    },
    undoActionConvert: {
        create: "remove",
        update: "update",
        remove: "create",
        clone: "remove",
        toFront: "toBack",
        toBack: "toFront"
    },
    _oldEl: {},
    _wbScroll: {
        x: 0,
        y: 0
    },
    win: Raphael._g.win,
    doc: win.document,
    hasTouch: "createTouch" in doc,
    M: "M",
    L: "L",
    R: "R",
    d:...