javascript - 如何在 paper.js 中为动态创建的圆分配半径值

Question

我想像画画一样画一个圆，如果鼠标按下意味着它需要点，如果拖动鼠标意味着圆的半径应该相应增加，任何人都可以帮助我

Answer 1

您可以计算鼠标落点与当前鼠标位置之间的距离。

然后使用该距离作为圆的半径。

这里有一些代码可以做到这一点:

function onMouseDrag(event) {
    var trackingCircle = new Path.Circle({
        position: event.downPoint, 
        radius: event.downPoint.subtract(event.point).length,
        dashArray: [2, 2],
        strokeColor: 'red'
    })

    trackingCircle.removeOn({
        drag: true,
        down: true,
        up:true
    })
}

function onMouseUp(event) {
    var circle = new Path.Circle({
        position: event.downPoint, 
        radius: event.downPoint.subtract(event.point).length,
        strokeColor: 'black'
    })
}

这是实际的 Sketch ,(在 Canvas 上单击并拖动)。