rotationVerify

var myRotateVerify = new RotateVerify('#rotateWrap1', {
    initText: '滑动将图片转正',//默认
    slideImage: ['/static/image/1.png', '/static/image/2.png', '/static/image/4.png', '/static/image/5.png'], //arr  [imgsrc1,imgsrc2] 或者str 'imgsrc1'
    initUrl: "/index/initData",
    verifyUrl: "/index/verify",
    verifyParam: {},
    getSuccessState: function (res) {
        // 验证通过 返回  true;
        console.log('验证成功', res);
    }
})

<div class="box" style="display:block;">
    <img src="/static/cw.png" class="cuo">
    <span class="top-s">身份验证</span>
    <span class="top-x">拖动滑块，使图片角度为正</span>
    <div id="rotateWrap1">
        <div class="rotateverify-contaniner">
            <div class="rotate-can-wrap">
                <canvas class="rotateCan rotate-can" width="200" height="200"></canvas>
                <div class="statusBg status-bg"></div>
            </div>
            <div class="control-wrap slideDragWrap">
                <div class="control-tips">
                    <p class="c-tips-txt cTipsTxt">滑动将图片转正</p>
                </div>
                <div class="control-bor-wrap controlBorWrap"></div>
                <div class="control-btn slideDragBtn">
                    <i class="control-btn-ico"></i>
                </div>
            </div>
        </div>
    </div>
</div>

$dragWrap = input('post.dragWrap');
$dragBtn = input('post.dragBtn');

$slideAreaNum = 10; // 误差值，这个值可以改
$randRot = rand(30, 270);

$sucLenMin = (360 - $slideAreaNum - $randRot) * ($dragWrap - $dragBtn) / 360;
$sucLenMax = (360 + $slideAreaNum - $randRot) * ($dragWrap - $dragBtn) / 360;

session('captcha', [
    'min' => $sucLenMin,
    'max' => $sucLenMax
]);

$disLf = input('post.disLf');

$verifyData = session('captcha');
if ($verifyData['min'] <= $disLf && $verifyData['max'] >= $disLf) {
    return json(['code' => 0, 'data' => [], 'msg' => '验证成功']);
}

return json(['code' => -1, 'data' => [], 'msg' => '验证失败']);