Question

使用纸张中的代码js sketch here我能够通过简单地单击而不移动鼠标来看到绘制的点。您还可以看到该元素实际上已添加到所有3个浏览器中。但是，Chrome和IE不显示元素，我不能为我的生活理解原因。

// The minimum distance the mouse has to drag
// before firing the next onMouseDrag event:
tool.minDistance = 1;
tool.maxDistance = 1;

function onMouseDown(e) {
    // Create a new path and give it a stroke color:
    path = new Path();
    path.strokeColor = 'black';
    path.strokeWidth = 2;
    // Add a segment to the path where
    // you clicked:
    path.add(e.point);
}

function onMouseDrag(e) {
    var top = e.middlePoint;
    var bottom = e.middlePoint;
    path.add(top);
    path.insert(0, bottom);
}

function onMouseUp(e) {
    var pt = e.point;
    path.add(pt);
    path.closed = true;
    console.log(path);
}

Answer 1

得到了JürgLehni的回复

它可能是底层渲染系统的一个区别，但是   只有一个段的开放路径应该根本不被渲染，   我们应该在内部库中处理的东西。

如果它定义了句柄，那么应该渲染一个闭合的路径   实际上是一个小小的循环。

我必须设置特定的行为来处理点路径。就我而言，我使用了圆圈。

Answer 2

这就是我解决它的方法：

    function onMouseUp(e) {
        var pt = e.point;
        if (path.segments.length < 2) {
           // draw a dot
           pt.y ++;
        }

        path.add(pt);
        path.closed = true;
        console.log(path);
    }

论文js＆＃39; dot＆＃39;路径显示在Firefox中，但不显示在IE或Chrome中

2 个答案: