Integration


First upload lollipop folder to your server so it is accessible from your existing project. Includelollipop-integrate.jsin your project.
Follow the documentation project to know more about integration (take a look atdemo.js)

var imageEditor = window.Lollipop.setOptions({
    path: "lollipop",
    appendTo: "body",
    gallery_icon: true,
    camera_icon: true,
    save_icon: true,
    share_icon: true,
    onSave: function (data, extension) {
        window.Lollipop.image.src = data;
        window.$.ajax({
            type: 'POST',
            url: './saveImage.php',
            data: {
                imgData: data,
                type: extension
            },
            success: function(response) {
                window.Lollipop.setNewImageUrl(response);
                alert('Image saved successfully ! You can share it now on social media.');
            }
        });
    }
});
window.$(".magic").each(function () {
    window.$(this).on("click", function () {
        var img = window.$(this).parents().siblings("img");
        imageEditor.open({
            image_url: img[0].src
        }, img[0]);
    });
});