当前位置:   article > 正文

某盾轨迹-贝塞尔生成方式_某盾点选轨迹

某盾点选轨迹

首先来一个贝塞尔曲线的简单示例

  1. const Bezier = require("@wangshushuo/bezierjs") // npm install @wangshushuo/bezierjs
  2. const bezier = new Bezier();
  3. //x坐标从0滑到100,生成34个点
  4. var xi=0;
  5. var yi=0;
  6. var distance = 100;
  7. var ydistance = 40;
  8. for (let n=0; n<10;n++){
  9. bezier.addPoint(xi+distance*n/10,yi+ydistance*n/10);
  10. }
  11. for (let t = 0; t <= 33; t++){
  12. const x = bezier.bezier_x(t/30);
  13. const y = bezier.bezier_y(t/30);
  14. console.log(t,x,y);
  15. }
  16. console.log("Target:", xi+distance, yi+ydistance);

之前整某盾,使用贝塞尔曲线将易盾滑块、无感知、点选的轨迹都生成过了,需要轨迹的可以好好研究下这个。

  1. router.get('/yzm/getTrace', function(request, response, next) {
  2. var rdata = url.parse(request.url,true).query; //获取参数
  3. var urlKey = rdata['urlKey'];//3个坐标值
  4. var trace = traceUtil.getTrace(urlKey);//获取返回值
  5. // console.log('返回结果 trace:\n');
  6. // console.log(trace);
  7. response.writeHead(200, {'Content-Type': 'application/json'});
  8. response.end(trace);
  9. });

纯技术交流,请勿用于非法用途,如有权益问题可以发私信联系我删除.

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/521806
推荐阅读
相关标签
  

闽ICP备14008679号