JSFiddle - React, Tailwind, and code Playground

by Caleb Evans

JavaScript

var obj = {
    angle: 0, // deprecated
    align: 'center',
    autosave: true,
    baseline: 'middle',
    bringToFront: false,
    ccw: false,
    closed: false,
    compositing: 'source-over',
    cornerRadius: 0,
    cropFromCenter: true,
    draggable: false,
    each: null,
    end: 360,
    fillStyle: 'transparent',
    font: '12pt sans-serif',
    fromCenter: true,
    inDegrees: true,
    load: null,
    mask: false,
    method: null,
    miterLimit: 10,
    projection: 0,
    r1: null,
    r2: null,
    radius: 0,
    repeat: 'repeat',
    rotate: 0,
    rounded: false,
    scale: 1,
    scaleX: 1,
    scaleY: 1,
    shadowBlur: 0,
    shadowColor: 'transparent',
    shadowX: 0,
    shadowY: 0,
    sHeight: null,
    sides: 3,
    source: '',
    start: 0,
    strokeCap: 'butt',
    strokeJoin: 'miter',
    strokeStyle: 'transparent',
    strokeWidth: 1,
    sWidth: null,
    sx: null,
    sy: null,
    text: '',
    translate: 0,
    translateX: 0,
    translateY: 0,
    visible: true,
    x: 0,
    opacity: 1
}

var $body = $('body');

try {

$(obj).animate({
    _opacity: 1
}, {
    duration: 2000,
    step: function(now, fx) {
        $body.html(now);
    }
});

} catch(error) {

    $body.html(error.stack);

}