Question

我尝试在SVG javascript中使用Path绘制。下面的代码适用于SVG javascript中的Polylines，我想在SVG中使用相同的Code代码。

我得到的错误是：

> Uncaught TypeError: Cannot read property 'call' of undefined
> at SVG.PathArray.parse (svg.js:889)
>at SVG.PathArray.SVG.Array (svg.js:433)
>at new SVG.PathArray (svg.js:686)
>at initializer.plot (svg.js:4413)
>at create.path (svg.js:4454)
>at create_New_Path (javascript_mainSVG.js:203)
>at HTMLDivElement.pointerDown (javascript_mainSVG.js:97)

我使用的库来自svgjs.com。

这是触发事件指针，指针移动，指针

的三个函数

create_New_Path(event.pageX,event.pageY);
add_To_Current_Path(event.pageX,event.pageY);
end_Current_Path(event.pageX,event.pageY);

创建新路径（x，y）＆＃34;指针向下＆＃34;

function create_New_Path(x,y) {
    myPath= SVG.path([[x,y]]);
    myPath.fill('none').stroke({color: `${selectedColor}`, width: 2, linecap: "round"});
}

添加到当前路径＆＃34; pointermove＆＃34;

function add_To_Current_Path(x,y) {
    arr = myPath.plot();
    arr.value.push([x,y]);
    myPath.plot(arr);
}

结束当前路径＆＃34;指针＆＃34;

function end_Current_Path(x,y) {
    arr = myPath.plot();
    arr.value.push([x,y]);
    myPath.plot(arr);
    myPath = null;
}

是否可以使用与Polyline相同的代码。感觉它应该通过替换路径而不是折线来工作。

SVG路径绘图

0 个答案: