我在PaperJS中导入了一个svg,并让它沿着一个路径移动。当它沿着路径移动时,我计算旋转,让它跟随具有正确旋转的路径。
现在我需要一个从svg偏移的点。
请看这张图片,以便更好地理解我的需求:https://imgur.com/Lyua7oW
发布于 2019-08-23 00:04:12
我已经查出来了。如果任何人感兴趣,这里是答案:
将这两个点添加在一起(法线和切线的偏移点),然后添加svg的点。
var normal = this.strecke.getNormalAt(offset)
var normalOffset = normal.multiply(Math.random() * (this.bubbleOffsetX - (-1)*this.bubbleOffsetX + 1) + (-1)*this.bubbleOffsetX)
var tanOffset = tangent.multiply(this.bubbleOffsetY)
var bubblePosition = normalOffset.add(tanOffset).add(point)
var bubble = new Path.Circle({
center: bubblePosition,
radius: Math.floor(Math.random() * (this.bubbleMaxSize - this.bubbleMinSize + 1) + this.bubbleMinSize),
fillColor: '#A4F2FB',
opacity: Math.random > 50 ? .5 : .3,
})
setTimeout(() => {
bubble.remove()
}, this.bubbleLifespan);https://stackoverflow.com/questions/57613034
复制相似问题