首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用PaperJS我在PaperJS中有一个切点和一个法点-我如何计算所需的点(见下图)

使用PaperJS我在PaperJS中有一个切点和一个法点-我如何计算所需的点(见下图)
EN

Stack Overflow用户
提问于 2019-08-22 23:47:41
回答 1查看 54关注 0票数 0

我在PaperJS中导入了一个svg,并让它沿着一个路径移动。当它沿着路径移动时,我计算旋转,让它跟随具有正确旋转的路径。

现在我需要一个从svg偏移的点。

请看这张图片,以便更好地理解我的需求:https://imgur.com/Lyua7oW

EN

回答 1

Stack Overflow用户

发布于 2019-08-23 00:04:12

我已经查出来了。如果任何人感兴趣,这里是答案:

将这两个点添加在一起(法线和切线的偏移点),然后添加svg的点。

代码语言:javascript
复制
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);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57613034

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档