CSS3 Canvas实现一个带干扰线条的随机数验证码

工作中接到的任务是做一个带干扰项的验证码，首先想到的是利用H5的canvas来实现。
本想直接网上copy一段代码，但很多都不符合需求，索性自己写了，代码如下。

<canvas class="codeimg" id="codeimg" style="width: 120px;height: 36px">
    Your browser does not support the canvas element.
</canvas>   

<script type="text/javascript">
    var code = "";
    $().ready(function() {
    
        //将函数返回值赋给code
        code = createCode();

        //点击canvas图片更换验证码
        $("#codeimg").click(