html5 canvas:我如何绘制一个真正的长波/曲线，并从中得到边界

html5 canvas: How do I draw a really long wave/curve and get the bounds from it?

本文关键字：曲线边界何绘制 canvas 绘制 html5 一个更新时间：2023-09-26

我需要画一个很长的波浪/曲线。宽度可能超过10000px。这条曲线更像是一条道路，中间有一辆车。所以当汽车撞到路边时，它会检测到碰撞。

我用bezier曲线做过实验。然而，它不能满足我的需要，因为我只能把它弯曲到一边。

我应该把整个路径都画出来吗?

我如何检测碰撞或获得曲线的边界?

如有任何建议，我将不胜感激。谢谢。

使用接收x坐标作为参数并返回描述曲线的y坐标的函数。要检测碰撞，将对象的x坐标传递给函数，并将函数返回的y坐标与对象的y坐标进行比较。

您应该能够使用BezierCurveTo和quadraticCurveTo来绘制您的曲线。