苏宁的滑块验证码的背景图片canvas是如何绘制出来的。。。

背景图的响应是一个乱序图片来的，重新排序绘制在了canvas里，请问如何定位到关键的js并绘制正确的图片

补充地址 就是主页的登录https://passport.suning.com/ids/login
输入一个账号 密码输入错的 多点几次登录就会出验证码

既然你说了是canvas实现的，那么你调试下它的客户端脚本就知道了，不知道你具体说的是苏宁哪一个页面的验证码，给出地址可以帮你分析。

第三方提供滑动验证 https://www.yunpian.com/official/document/sms/zh_CN/captcha/captcha_service

其实他的canvas是用两张图片合成的，一张是背景图，一张是验证图，这个验证图是个半透明的

他的机制是通过一个网址去获取的，然后通过canvas将背景和前景图合并到一起，合并到一起就比较简单了，你可以从canvas的介绍中找个示例代码看看

$(function(){
    var bgImg=document.getElementById('ewm_bg');
    var starImg=document.getElementById('starImg');
    var mainCtx = document.getElementById('main').getContext("2d");
    //获取图片的实际路径
    window.onload=function(){
        mainCtx.drawImage(bgImg,0,0);
        mainCtx.drawImage(starImg,0 ,0 ,162 ,162 ,170 ,400 ,142 ,142);
        var mycanvas = document.getElementById("main");
        var image = mycanvas.toDataURL("image/jpg");
        $('#code_area').html('<img src="'+image+'" alt="ewm">');
    };

});

【获取验证数据】
https://iar-web.suning.com/iar-web/init.json?_callback=c2986085534

css: "/iar/iar-web/css/stylepc.1.4.1.css"
dfpCode: "abc"
dfpEnv: "prd"
dfpSwitch: true
dfpUrl: "dfp.suning.com/dfprs-collect/dist/fp.js?appCode=abc"
js: "/iar/iar-web/dyjs/mgr.COl2PQBlHiO9Cu3.js"
oss: "oss.suning.com"
params: {o2: "Lu4eLBLsDCPZ6zZFMw572CMVcHeEd2GDLWPdiuagkFNktWFqDgaGb2wxq2autWSpc6MrV0G~32ePM0Z5gFMU", sw: 64,…}
bg1: "#f4f5f9"
bg2: "#75c72b"
bg3: "#75c72b"
bp: "/iar/iar_prd_jigsaw/jmV35aECX4kw57nWbUy_Hujing9WyRm8eumvzBY_bg_ntbbTeCaLp1pXI1vvmX.jpg"
cx: 10
cy: 2
h: 180
o2: "Lu4eLBLsDCPZ6zZFMw572CMVcHeEd2GDLWPdiuagkFNktWFqDgaGb2wxq2autWSpc6MrV0G~32ePM0Z5gFMU"
sh: 64
sp: "/iar/iar_prd_jigsaw/jmV35aECX4kw57nWbUy_Hujing9WyRm8eumvzBY_slide_ntbbTeCaLp1pXI1vvmX.png"
sw: 64
sy: 61
w: 300
static_server: "oss.suning.com"
tInfo: "O7Qt3d2v7LeyuytuoOor+OaZkH+JnMEUjc1kgdPid7WTP6kMk918aPrbsKwixemOQ7DFTrn6igkAzdF7k2WBUG98KccpPo9yCtAe6gspENGTfOQrQX06Pu5AmgU3zAfWH1ZVv7Il5MC1NT+PsEcZfru867NGiRutUwnHCUzkCvu9QsOc+zivoijnSzlPY2COd05RMukldWVFT3b0sb+I8enMyjcZD2gPx4U4MtCisvdUpg6n9P6g4+250VH/OpC4FnT9cuA0Rqr/ah1nBGh+L6fVKyVt/0NJTbqkC3kgZ3Gtdz8HgjMDF0vlqB+pTe3oxNjIb0JXjmtM2BI+o01r5i/gUNTWmZG014u6fHuyHEIRkb/CB7nE0SExSuslKmuxBoadz4GxEbz0prHrT9eb6XzHMNubZBhI4BIJ9l7P0mCgtVohPoyL6PYDEViOVHbcuwXkdLUhCRWp1dLhujaMctgF7u565h02gdOlzW3TgXFpz/Fp0ZDxzuaj9gPBwr3z7FDJ6LBbFcA5HU6yWb/hY23AJqK/pETrgY1TDMybDCMPZThZGYmy2olcsEUo7Mlu"
type: "jigsaw"

你好，请问现在解决了嘛