Paper.js 从 ajax 响应创建点答案

【问题标题】：Paper.js Creating points from ajax responsePaper.js 从 ajax 响应创建点
【发布时间】：2016-03-18 12:53:37
【问题描述】：

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

当我查询我的数据库时，我得到这种形状的结果： ["96,426;180,504;246,534;414,516;432,450;"]

这是具有多个点/段的单一路径

以下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 日志行 'console.log(x+" " +y);显示正确的 x 和 y 值

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

为什么重点不取值而使用值？

【问题讨论】：

应该可以了，能提供代码sn-p吗？

标签： jquery paperjs

【解决方案1】：

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

试试

x = parseFloat(p_[0]);

【讨论】：