如何在特定坐标上的图像上绘制svg或画布

Question

我在图像上选择了坐标（x1，y1）（x2，y2）（x3，y3）（x4，y4），我想在使用坐标的基础上绘制canvas（rect）。 ？ 我试过使用此功能，但是它没有在图像上的特定坐标上绘制。

                  for(var i=0;i<_self.coordinatesxy.length;i++){
                        fnc( _self.coordinatesxy[i][0],_self.coordinatesxy[i][1],ci)                
                    }
                    function fnc(x,y, ci){
                            console.log(x,y)                    
                    ci.lineTo(x,y);
                    }
                    ci.strokeStyle = 'red';
                    ci.lineWidth = 2; ci.stroke();

Answer 1

我不知道“不绘制特定坐标”是什么意思，它在哪里绘制？一般来说，您的代码看起来不错。

ci.strokeStyle = 'red';
ci.lineWidth = 2;
ci.moveTo(_self.coordinatesxy[0][0],_self.coordinatesxy[0][1]);    
for (var i = 1; i < _self.coordinatesxy.length; i++) {
    ci.lineTo(_self.coordinatesxy[i][0],_self.coordinatesxy[i][1]);
}
ci.stroke();