js实现canvas水彩画板涂色上色点击效果代码

代码语言:html

所属分类:其他

代码描述:js实现canvas水彩画板涂色上色点击效果代码

代码标签: 水彩 画板 涂色 上色 点击 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        canvas {
      display: block;
    }
    html {
      height: 100%;
      overflow: hidden;
    }
    </style>

</head>

<body>

    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none">
  <defs>
    <filter id="squiggly">
      <feTurbulence baseFrequency="0.22" numOctaves="3" result="noise" seed="0" />
      <feDisplacementMap in="SourceGraphic" in2="noise" scale="7" />
    </filter>
  </defs>
</svg>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/TweenMax.min.js"></script>
    <script type="text/javascript">
        console.clear();
    
    var twoPI = 2 * Math.PI;
    
    var canvas = document.createElement('canvas'),
        ctx = canvas.getContext('2d');
    
 .........完整代码请登录后点击上方下载按钮下载查看

网友评论0