主页 / user-213733

Nikolay's questions

Martin Hope
Nikolay
Asked: 2020-10-08 20:05:29 +0000 UTC
  • 0

如果我用鼠标通过编辑器添加中转点，那么下次我尝试通过 multiRoute.model.setReferencePoints([ [],[] ]) 更改路线地址时会出现错误： {code: 500, message: "internal server error"}并且地址没有更改。

如果您不添加运输，那么一切都很好。

我希望我已经完全描述了这个问题。毕竟，我怎样才能更改路由地址？

这是一个示例https://jsfiddle.net/helight59/o120gdhb/

yandex-maps-jsapi
Martin Hope
Nikolay
Asked: 2020-11-22 18:02:30 +0000 UTC
  • 0

svg {
  margin: 20px;
}
<svg viewBox="0 0 100 100"
     width="350px"  
     height="70px"
     preserveAspectRatio="none"
     transform="scale(1,-1)">
  <path d="M 0,0
           L 20,90
           L 40 10
           L 70 10" 
        fill="none" 
        stroke-linecap="round"
        stroke="#886ce6"
        stroke-width="5px"/>

</svg>

如何使线条的边缘变成矩形？线条也有不同的宽度。这可能很明显，但如何避免呢？svg 对我来说仍然不熟悉只是

html
Martin Hope
Nikolay
Asked: 2020-09-19 06:41:42 +0000 UTC
  • 1

Image 元素被稳定地创建并具有所需的图像。但由于某种原因，画布上没有添加任何内容。我不知道为什么。在示例中，显示了一个空画布，尽管已在其中添加了图像。

let item = [];
item.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiYAAAG3CAYAAACAHJ49AAAgAElEQVR4Xuy9CbxkV1ktvmoe7tzd9/Y8dwYSCOgTnoo+8C/+kDGgiKIyE0B4gsigPlGeIIogIFOQxxRBhsgghDCIGkajQiAJJOl0ep677zzXeM75/9b37X3OrnOrbtUdOuk0t0JRt6tOnTrDHtZe3/rWlwhqh4NyqYRcPo9EIgnPqyOVSgMI0PyRaPF+s7e5D7t9q/0BQRDIk49EIiFPfXTyWwv3a/fF16TdV7hPnloA+c/85mInxGvSyXbxfdjvJJPR9+25uefKo2/cv54Pj899JDq6FgvPJJGI9hNdF15ns22QbHn63N69bHpg5vjMbrl/9/7ZnaXC4zX7T/BuuvczZW6xv3h7it23BRvb04s1lfDtpL2+fMc3R6B/h4/wnALAXK8g8ML22OoAo3baaVvVO8uH7+vv2ybonqa7X7Y/91H3fXh1D/W6h3KlirlSCXOz85ibK2F2dh6zs2XMzs5hnq9z+v7cfAnz9nW+jGqtJt+v1eqo1euoy1P3Wa/7QCKDZCqLXL4HyZS5T7ZHSv+MjimR5N9sJ857zslIm08mtV8nkxg7fxq1WhnVyiySiQDpVArpdAqptL6m02l5zfA1o6/ZbAbFYt48C+jqip7dXQV0dxdR5GtXseGzXC4b7jtjziNpGkbUF0w7iI0F0qb5nzmXINDteJruvfK1mUQPp7/pm63at6/9PpHR/TrXl3/a47Q/lvD1wJNhC9Z/ex2MYa3a72q/32yc5H13x4dom0Abv1wDPs0VkOvnI/B9+EFdr2BQQ92roxbU4ScDeAl+5qMa1FENPJSDKmqBj3m/hOlqGSWvjLJfQcWvw6vX4QU+0kjIvJaTNpZBPpVGJpFCIQByvKqBj4TnIVnzkPQDeU14gF/1UK3U4JU91Gs+arUEvFqASq2GcqmK+ZKPUqWC+UoFZa8Gn/vs6kKx2I1sJoViJo+eYgF9PX3o6SqimMuBc0Iqk0Eul0M+24VUKoVUMh3OA+xzyTT7TIBUmnMx25C2IzuCwYzbyQUNsPGu+uYau3NOQ3ONjS9LbRO8bYs1QfYbjnUyF5u5kP+WMS7F1pzg3Qag1yCZZp/NIuFVDgaVcgW5fE425qCXzkQXaTmT8lJPrhkwaRz0Y33fGRmaNfrwmF1cxF00mwXi48oCLNQJOGp+xjqxa8eUwacBdOl3ggW7txO/HUHtiLXUq2q3jwG3hmuQQGLhAehxhcccu/bOZdTGZs7DaZ08z2gCsANOHJjoFwPER/b259kAcCyocK6j9EVzDomkuf6BhwA+9Fejjt4IfjlAtrhuLdrJYu201Zm4ALFZm2wNUhKoe54DTGqYmZsX0DFL4DFHYEKAokCEQGV+vhyBk3luU8LYZA3z5WjCtOeg4CICGbx29hEHSNqW4wBlYRsP920aSvRbum8FNvo96S/JJEozY0hhHvmcgpRsRoFJwYATF4AQmHQRkHQrWCFIkfe6iyAwIbAh6AmBSeymWMDRAK6dhRJbjSwSpBsZMOksGpKJRuBmgW3jzywCvu33Y6N70vRLTsByfUw3Zr9yxxR/keHJjj/te9TKt2g3T+jnjYskGT/MyUWfaN/khEpAwv7hBTVZMNfhwUsE8JIKWqoEJ14dVdRQQ4A5ApNKCfNeCSWvgppXQ6Vek3bFhVI2nUE2Q3CSRTadRi6ZRl6ASQpJ+Eh5PlCrI+UFSNQ9JOsKTLxKHfWqj2qljkolUIBSraNcqWFutoK5ShXleh0134OfTCFXKAowyecyyKXT6Cl2oa+7Gz1d3TLPZhJJJHgc2Rxy2SLSqTSSyagdEUAlOGkndTLX6+brgtoulA0wSTlAuNnile3btm3bHmwftGBhpXe/Feix/ZkgMxrzgnBRBo4v7Pd8CXi+7KsGmNTL9wWVSkXQmwATzxMEZ0/GHXjbNb5OTtDtVO6AFLZZOVZ3QFzY89zPo5VnbCI3B8PJqNnD3kTLTLRmJNoAk1Yfuyt55+84UAlxQbMVmwE2i13XBQu0NjfBBQIJpMxKhY3fZRBa7yTiv+wKbrFtEw7zE10oaUf2xJd6As7PSTswK8kGfMVBzWynkytZHQ/spC4wkcVa7P5F/44BOvc0G9rn4iuGxqtj2ZIAnucbhsIwFjWyFWQwlLlgP5RXMiSerhB9z9PPDdNRqdRktVYqVVAu81lFaZ7/Lstq7vipUZw4NdVwCLbvWCYkDqxctjKZ4tUyACJ2odyB1AUXEZCJmM9mn9u+bz9zQQoH4Ph3+G+/OoeuXAXFQgaFQh6FfA75fFb+zudzKBT4zJvXnAATLrIITjIZrsiSwgDxNZNK6ko1lVSWhswN/51OCpDh+9wukeJ5KFBvxj7qxNHmsaCNtxs0IiASjosyPkTfk+lKJqp2P36hP++MEedR2CEumqS0P/K6RgCLPdeysDU5+Lpfhe97wpgIMEl48AJP2JKqT4BSRw0+Sn4ZM9USZurzAkyqdQKGquwjnUgikyQYyCCfySFHxiKZRjGRRC5IIs3frNeBSk1ASaoWIOH7Ak68iod6BagTmJTrqJFFqRGY1IWhnCvztzzUuczi72RzKHR3SRQin0mjq1AUYNJVLCCfL0gbZJvLZnPIZ4qmHabMvJdAKplCIp0SYMI2qOCZvAL/SxqgrO0uRabHXfDG+qkFBcudu9stvNz9uosO930XSzQQCYpLZKzmXJRIpJFKZeSZcEM5PFEyJuyYdsJ30ZXbxFuhpOV2g/j+ml2QZoDF0kTa8KPJJNpWWYs4wNILxO+YFUnLUMkKe77Oi/pwQJdFr82ACT+T8wIbZmxFFrvA7eb1OPDSf/OclUbTwc49yPhU2jhBK+saAY5EeM3tPlrtKx5rcanbJbYa9z5bajsGaBtDObzPZGYsMIlCOQvaTHhB24SYnEMOD8cFl3aAcNCP77PNkdoMUK3WUCpXUJovC5CYL5Xlb3kVoFFVsFGtolrlYFiTEAz/5ndr/JsAxbxWqnUcPjol1LVO+iZ8EhuobF9oAAQNQMuu0BKoVSvo7e/Hox/9aDzusf8L1zz8YSgUCku8WQs35zU/fOQYvn3rf+Jb3/w2hkdGkM0XhL6Xfur01zjjwm0IKLgNwVHgl5GoDCOT0ZAPX/WZQTZrX3WlzM/lmUkjTxo9lzXAJodCnoyMghv7PsFOJpcJr2UyqWOJTBJu+K/TK8K2pctDJDglc0K2zKSZuO2tCEOhZKUsBej8jgUmSoOv3iNOyy8I5bb5qWbf13G2kQnWf/vg+CG/ISCYD7YBMzZzqidjEgKTmpn8PdQJSHwFJHFgMuuVUCYwMYwJfyNFwCChHGUq8umshHPyfhK5hIbOgmoFqNaQqNWRrgOpegIJL4BfqcOrJlCveqhVfRPSUZAyM1fGPPtxrQoPCdQCSJim0F1EvlhALkPgnENPV08ITBieIQgmMMll8hK6YJvWtpUQlhDJFP+HJBdW5lopELUUtb4mAy/sMzrF6Lhqx332l/jc6N7CdoBlKcBEx53mc20zMoHv+exLgvwNY5JsAky4IVdtRHMusmnX7JsDAjMXt2nZ8QbbegXXfH/u9xcFJg7wsPoSC07s+blzSXjOzfq9O8fGw0WxixVnSOL/jl9bpd4iHcxytSXhfqWhNLuDpgG3XHKROmz8Hq+bnbfDlXe4YOJAy+8Q0bthgnatZ+mfu4OfHc5CAsbc54gxsRomXXXYAFI89h+2uyUAk4WDbXQuza452Q+f7IfvS4hlemYOU1OzmJ7m6wwmp2blle8zDDMzMyshGgIVfZZRqVRRIUip1pAvbBAWRSby2Mp9MWBiBxCyMP0D6/CaV70Cj33sY5Z+Iy7wNz5542fBZyaXk8HZPUdqxxawKkYjd88PvyUUeIZhoFwWOVLqWWVWlFXhRFFAT3cXunu60NvThb6+HvT2dqG/rwc9PV3oYUiopyjf4VyQTidlkoiPT/GBffGBXhcEOvlywcFhWUGO20X5GxIKdQFaEIWEW080Lk271JuzfIDTbnLT420GTqiYoA5QgQnHOmWlDEMY1AWsMpSjjMlCYEKWogrVmghjUitjzi+j6lclzFP3PWVlOOEnU8inMshKaC+DPP8dJJHjXeGioVpDUCkjXfeR9hLyDCp1BNUAPp8ewOgSu1y5WkOlVMN8qaYMJRcIDC/xZNNpdHX3IFfMK0gp5NDdbYEJNSYppLJZ5MjcpDMKTNJUwWh4VP4mu5ckPrHjtAUYtqXoazKOBGO3nddt4RxjAXZc37jUNhNt7xILwiKaAdCdvzQk6oRyeKc5ZwgLxIUUWcqcALNErXQgKJfLyOfYATWUY4HJcg/TpXRaMS523+7g3o4liQDEwpnWAqkFKxmL1J1ZVi6WM2E3G2yiVbD51QWUf+dMinvTWiHQ8JoZtBuejwlVLPdeKB3vhscaj9sA6iaN1zTo2HgVP+tUPMbesCeHdWgFUNt0LBdgNb0GluIOAZIJl4SNxTJjHFWsdCzSmFgq3q7UIzTWCWOinYwMCF8FeIRPw3pJR9S/KTbVMIwnehALRCYnZzAxOY2JCT5nMDU9o2BlejbUiczPU6Dei66uXhF0N7SjpsAk0oBwW7If1730JXjR85+73KZ0UXzv9Nnz+JM//XOUajppqbA2Cd9cEztQW8Ht6RPHcNcPbkU2ZwW0BRQLefT0FBWQ9Pagr7cbAwM96O/vxcBAL/r6utHb2y0gpdBVkNVtJqMrWYITthk+Rb9HoaJ5z64WmwEY9+JF905giVKqCzQm+o0QfLUAJu5Cp/lvLO22dQIyWu+xFTCKsyW6BxtaFYbEtmkLTHyGMWsNwERUJglIKEcYEwpi4aMS1FALPMwHZczWKiJ8FbDiK3vIcyIDJeGcREoACkFrnkJVJJHxE0hw23JVGJNUvYZMPYFUHUhUPQRlXwBJ4Cfg1wgQE8JclglKynXMlxWYEARViLGyGRR6e5Ep5ETEKq…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"

function getThumbail(item) {
        function getProporcialHeight(newWidth, oldWidth, oldHeight) {

            let tmp = newWidth - oldWidth;
            tmp = tmp / (oldWidth / 100);

            return (oldHeight + oldHeight * tmp / 100);
        }

        let canvas = document.createElement('canvas');
        canvas.classList.add('img-preview-canvas');
        canvas.width = 153.6;
        canvas.height = 86.4;
        let context = canvas.getContext('2d');

        let base_image = `<img src=${item.src} style="max-width: 153.6px;max-height: 86.4px; width: 100%; height: 100%;"/>`;


        let el = document.createElement('p');
        el.innerHTML = base_image;
        base_image = el.firstChild;

        context.drawImage(base_image,
            canvas.width / 2 - base_image.width / 2,
            canvas.height / 2 - base_image.height / 2);
        document.body.appendChild(canvas); //picture gets uploaded
        console.log(canvas.toDataURL("image/png"));
        return canvas.toDataURL("image/png");
    }
    
    let dataImg = getThumbail(item);
    
canvas {
  border: 1px black dashed;
}

javascript
Martin Hope
Nikolay
Asked: 2020-09-14 13:43:11 +0000 UTC
  • 0

http://findaroom.cloudapp.net/#/布局不是我的，但是注册后出现在用户头像上的边框让我很困惑（在屏幕上，为了清楚起见，我从头像上去掉了border-radius） ：

在此处输入图像描述

我无法弄清楚框架是什么。已删除所有样式

html
Martin Hope
Nikolay
Asked: 2020-09-05 18:22:04 +0000 UTC
  • 0

问题是当我在程序运行时向页面添加元素后document.append，没有事件处理程序应用于它们。也许与之合作的dragndrop人已经遇到过这种情况。我知道它们在页面首次加载时被初始化，但是是否可以以某种方式将处理程序添加到新元素？

在此处输入图像描述

这是处理代码：

$('#usingList').find('img').on('click', function (event) {
	debugger
	var dataUnicalid = event.target.getAttribute('unicalid');
	canvas.getObjects().forEach(function (o) {
		if (+o.unicalid === +dataUnicalid ) {
			canvas.setActiveObject(o).renderAll();
		}
	});
});
事件处理程序debugger不会触发。

javascript
Martin Hope
Nikolay
Asked: 2020-08-23 19:04:21 +0000 UTC
  • 1

这是节点代码：

    router.post('/crop', upload.fields([{name: 'img'}]), function (req, res, next) {

    console.log('files', req.files.img);

    var path = __dirname + '/' + req.files.img[0].path;
    console.log(path)
    res.sendFile(path);

来自服务器的响应最终是这样的：

�PNG IHDR��d�4 cHRMz%������u0�:�o�_�FbKGD������� pHYs.#.#x�?v�IDATx���i�%Iv~�xD�{ߒ��UY��u�]���t��A$�M��ȱ5��q836#�FFӈ2�b�pH�� �� ���w׾We��޻K������#�}�Y[gU�m��xxx���s�s�������������?zg��.........

如何通过api正确显示来自服务器的图像？

标题： 在此处输入图像描述

服务器响应： 在此处输入图像描述

以及如何显示接收到的数据？格式是什么？我以为链接是，需要插入，但是出现了一堆难以理解的字符

这是对服务器的请求：

$('#form1').submit(function(e){
    var formData = new FormData($(this)[0]);
    $.ajax({
        type:'POST',
        url:'http://localhost:8080/crop',
        data : formData,
        contentType: false, // <-----------------
        processData: false
    }).done(function(data){
        //print response on success
        $("#status").html(data);

    }).fail(function(data) {
        $("#status").html('Error');
    });
    e.preventDefault();
});
javascript
Martin Hope
Nikolay
Asked: 2020-08-18 17:48:45 +0000 UTC
  • 0

这是html：

.search__name {
  color: #fff;
  display: block;
  width: 20%;
  padding: 0.3em 0;
  background-color: seagreen;
  margin-bottom: 10px;
}
.search__list {
  display: flex;
  flex-wrap: wrap;
  border: 1px #00f solid;
  padding-left: 0;
  padding: 10px;
}
<ul class="search__list">
  <li class="search__name">Not Promised</li>
  <li class="search__name">Not Promised</li>
  <li class="search__name">Not Promised</li>
  <li class="search__name">Not Promised</li>
  <li class="search__name">Not Promised</li>
  <li class="search__name">Not Promised</li>
  <li class="search__name">Not Promised</li>
  <li class="search__name">Not Promised</li>
  <li class="search__name">Not Promised</li>
</ul>

如何设置元素之间的填充，使它们等于框架的填充？现在底部框架的填充被添加到元素的填充中。如果我margin在元素的右边做，那么极端元素会向下移动，因为宽度设置为1/5从块的宽度开始

html
Martin Hope
Nikolay
Asked: 2020-08-08 04:14:41 +0000 UTC
  • 0

我需要根据数组中的模式更改字符串中的所有字母。开始但无法继续。有一个想法是通过蛮力获取所有的信件，但工作速度将有很多不足之处。在这段代码中，我在数组中创建了一个变量，它将被写入新行：

array.forEach(function(item, i, arr) {
        arr[i]["__TMP__"] =
            stringTable.indexOf( item["name"].toString().charAt(0).toUpperCase() );
    });

有什么办法可以做到这一点replace吗？

模板数组：

stringTable: string[] = [
    "A",
    "B",
    "C",
    "D",
    "E",
    "F",
    "G",
    "H",
    "I",
    "J",
    "K",
    "L",
    "M",
    "N",
    "O",
    "P",
    "Q",
    "R",
    "S",
    "T",
    "U",
    "V",
    "W",
    "X",
    "Y",
    "Z"
];

输入字符串：Tim 输出字符串：019008012(019-t, 008-i, 012-m)

javascript
Martin Hope
Nikolay
Asked: 2020-08-07 01:02:20 +0000 UTC
  • -1

有这个代码：

export default class quickSort {
    constructor() {}

    private static partition(mas, l, r) {
        function swap(mas, a:any, b:any) {

            let tmp: any = mas[a];
            mas[a] = mas[b];
            mas[b] = tmp;

            return mas;
        }

        let pos = l-1;
        for (let i = l; i <= r; ++i) {
            if (mas[i] <= mas[r] )
                mas = swap(mas, ++pos, i);
        }

        return pos;
    }

    private quick_sort(mas, l, r) {
        if (l >= r) {
            return;
        }
        let pivot = quickSort.partition(mas,l,r);

        this.quick_sort(mas,l,pivot-1);
        this.quick_sort(mas,pivot+1,r);
    }

    getSorted(mas, l, r) {
        this.quick_sort(mas,l,r);
        return mas;
    }
}

但它对一个简单的数字数组进行排序。这些是数字并不重要，重要的是它不是嵌套的。我想编写一个按数组中的字段排序的方法。比方说id

javascript
Martin Hope
Nikolay
Asked: 2020-07-30 03:47:02 +0000 UTC
  • 1

我有自己的经验，但它有错误。也许收藏中有人？这是我的作品。在这里，当他出现在屏幕 20% 的可见区域时，开始绘制

let scrollY = window.pageYOffset || document.documentElement.scrollTop;

if ( ( scrollY + document.documentElement.clientHeight * 0.8
        > el.offsetTop &&
        scrollY < el.offsetTop ) ||
        scrollY < el.offsetTop + el.offsetHeight &&
        scrollY > el.offsetTop
    ) {
          el.style.backgroundColor = "#999";
      }
javascript
Martin Hope
Nikolay
Asked: 2020-07-25 16:27:40 +0000 UTC
  • 12

有文字。它必须叠加在上面，background以便它只在文本上。也就是说，所有不是文本的东西都是透明的。我正在考虑svg将图像覆盖在文本上，但我不知道如何使所有内容透明，除了字母。难点在于每个字母不能有不同的图片，而是一个整体

css
Martin Hope
Nikolay
Asked: 2020-07-18 01:12:20 +0000 UTC
  • 0

如何tmp记录接收到的数据？通过returnfrom函数，返回了一个对象promise，但是在函数本身tmp是不可见的

tmp: string;

constructor(private http: Http) {
  this.tmp = "load";
  this.GetUsers();
}

ngOnInit() {
  setTimeout(console.log("Hello"), 2000);
}
GetUsers() {
   this.http.get('http://localhost:1337/api/users')
    .toPromise()
     .then(function(response) {
       this.tmp = "success"
     })
    .catch(this.handleError);

加上它不起作用setTimeout。也就是说，它只工作一次，仅此而已。

javascript
Martin Hope
Nikolay
Asked: 2020-07-10 06:23:24 +0000 UTC
  • 2

我将组件移动到一个单独的文件，我想获取正确获取的数据，但变量没有被覆盖。如何改变组件的状态？变量以其原始形式显示，没有变化。

<template>
    <p> {{ resp }} </p>
</template>
<script>
    import axios from 'axios';

    let resp = "1";
    axios.get('http://localhost:1337/api/users')
        .then(function(response) {
            resp = response.data;
        });


    export default {
        name: 'test',
        data () {
            return {
                resp: resp
            }
        }
    }

javascript
Martin Hope
Nikolay
Asked: 2020-07-08 23:53:13 +0000 UTC
  • 3

这是我的 app.js：

import './scss/style.scss';
import './js/script-1.js';
import './js/script-2.js';
import './css/style-1.css';
import './css/style-2.css';

这是配置中的部分代码：

    {
      test: /\.js$/g,
      exclude: [/node_modules/],
      use: [{
          loader: 'babel-loader',
          options: { presets: ['es2015'] }
      }]
    },{
        test: /\.scss$/,
        use: [{
            loader: "style-loader"
        }, {
            loader: "css-loader"
        }, {
            loader: "sass-loader",
            options: {
                includePaths: [path.resolve(__dirname, "./node_modules/compass-mixins/lib")]
            }
        }]
    },
    {
        test: /\.css$/,
        use: [{
            loader: "style-loader"
        }, {
            loader: "css-loader"
        }]
    }

结果，我只连接了一个样式文件或一个脚本。我试图将正则表达式更改为/\.css/g，然后根本没有任何效果。你能做得更正确吗？这些是重要的自写库。

javascript
Martin Hope
Nikolay
Asked: 2020-07-04 00:47:49 +0000 UTC
  • 2

我无法解决滚动时播放一次性动画的问题。我仅在块完全位于可见区域时找到了一个示例。但是一旦他出现在能见度范围内就必须这样做。这是一个小代码：

$(".load-marker").addClass('load-not-active');
var $win = $(window);
var $marker = $('.load-marker');
$win.scroll(function() {
    $marker.each(function() {
        if ($win.scrollTop() + $win.height() >= $( this ).offset().top &&) {
            ...
        } else {
            ...
        }
    });
});

但是动画同时适用于当前块上方的所有块。也就是说，如果用户刷新页面并且滚动保持在页面的中心，那么动画将对它上面的所有元素起作用。并且动画必须仅适用于可见区域中出现的内容。

javascript
Martin Hope
Nikolay
Asked: 2020-04-26 21:39:54 +0000 UTC
  • 0

这是代码：

render() {
    console.log(this.state.catalog.products);
    if (this.state.catalog.products) {
        return (
            this.state.catalog.products.map((item) =>
                <div>
                    {item.description}
                </div>
            )
        );
    } else {
        return (
            <div>Загрузка...</div>
        );
    }
}

它的输出会抛出这样的错误： A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.

我要输出的数组是：

在此处输入图像描述 在此处输入图像描述

javascript