jQuery拖拽图片diy组合图形代码

这是一款jQuery拖拽图片diy组合图形代码，点击下面的png图片会出现在上面的背景图，然后可以任意拖拽进行组合。

js代码

<script src="js/jquery.min.js"></script>
<script src="js/touch.min.js"></script>
<script src="js/myTouchImg.js"></script>
<script>
    $(function () {
        //贴纸功能
        $('.ioc').click(function () {
            var html = ['<div class="set-box">',
                '   <img src="' + $(this).attr('src') + '" class="set-img" draggable="false" ondragstart="return false;">',
                '   <img src="img/close-icon2.png" class="set-close">',
                '</div>'].join("");

            $('.ioc-main-box').append(html);
            myTouchjs($('.set-box').last());
        });

        //删除贴纸
        $(document).on('click', '.set-close', function (e) {
            $(this).parent().remove();
        });

        //将操作的贴纸置于最上层
        $(document).on('mousedown touchstart', '.set-box', function (e) {
            $(this).css({"z-index": '1'});
            $(this).siblings().css({"z-index": '0'});
        });
    })
</script>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载