JSFiddle - React, Tailwind, and code Playground

by Joshua

HTML

<script src="https://ia.lc/_js/jquery.js"></script>
<img class="source"...

CSS

#paper {
    width:500px;
}

JavaScript

console.clear();
var data = $('.source').attr('src');

var image2svg = function () {
    this.__construct = function (data) {
        this.image.data = data;
        this.image.get_props();
        this.paper.create();
        this.paper.set_image();
        }
        this.image = {
            get_props: function() {
                var i = new Image();
                i.src = this.image.data;
                this.image.width = i.width;
                this.image.height = i.height;
            }
        }
        this.paper = {
            create: function(){
                this.$paper = $('<div style=""></div>');
                this.$paper.appendTo(document.body);
                this.paper = Raphael(this.$paper.get(0), this.image.width, this.image.height);
            },
            set_image: function(){
                this.paper.image(this.image.data, 0, 0, this.image.width, this.image.height);
            }
        }

        this.__construct.apply(this, arguments);
    }

    var inst = new image2svg(data);