jquery.eraser画笔擦除

最新推荐文章于 2021-12-29 20:42:36 发布

Anita-Sun

最新推荐文章于 2021-12-29 20:42:36 发布

阅读量311

点赞数

分类专栏：前端特效文章标签： jquery js

本文链接：https://blog.csdn.net/AnitaSun/article/details/110095716

版权

前端特效专栏收录该内容

5 篇文章 0 订阅

订阅专栏

jquery.eraser
在这里插入图片描述

<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        div {
            position: relative;
        }

        #topPic {
            position: absolute;
            z-index: 20;
        }

        #redux {
            position: absolute;
            z-index: 30;
        }
    </style>
</head>

<body>
    <div>
        <!-- 在下面的那张图片 -->
        <img id="topPic" src="../img/6e812c3b6ac184535e9ade4b714efc0b.jpg" alt="" />
        <!-- 在上面的那张图片 -->
        <img id="redux" src="../img/a54d29c4ly1gfpido59mbj20lt0wq41u.jpg" alt="" />
    </div>
</body>
<script src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/jquery.eraser.js"></script>
<script>
    //    addEventListener( "load", init, false );

    function init(event) {
        $("#redux").eraser();
    }

    function remove(event) {
        $("#redux").eraser('clear');
        event.preventDefault();
    }

    function reset(event) {
        $("#redux").eraser('reset');
        event.preventDefault();
    }

    function grow(event) {
        $("#redux").eraser("size", 200);
        event.preventDefault();
    }
    init();
</script>

</html>

Anita-Sun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery.eraser画笔擦除

jquery.eraser<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } div { pos
复制链接

扫一扫

专栏目录