Question

我正在使用paper.js来允许用户绘制线条然后自动平滑它们以将它们保存在我的数据库中

当我查询我的数据库时，我得到了这种形状的结果： [ “96426; 180504; 246534; 414516; 432450;”]

这是一个包含多个点/段的单一路径

遵循jquery代码

$.each(res,function(index,value){
    var path = new paper.Path();
    path.strokeColor = 'white';                 
    var p_ = value;
    //turn path into segments
    var segments = p_.split(';');                                       
    segments = jQuery.grep(segments,function(n,i){
            return (n !== "" && n != null);
    })                                              
    var x;
    var y;                                                                  
    $.each(segments,function(index,value){
        var p_ = value.split(',');
        x = p_[0];
        y = p_[1];
        console.log(x + " " + y);
        var point_ = new paper.Point(x,y);                                          
        console.log(point_);
        path.add(point_);
    })
path.smooth();
paper.view.draw();          
})

conole log line'console.log（x +“”+ y）;显示正确的x和y值

当我创建这些值的一个点和console.log时，它返回的点是x = 0，y = 0

为什么这一点没有取值并使用这些值？

Answer 1

您将字符串拆分为较小的字符串。 Point构造函数需要一个整数或浮点数。由于位置参数无效，因此将它们设置为零。

尝试

x = parseFloat(p_[0]);

Paper.js从ajax响应创建点

1 个答案: