Javascript 如何将图像像素的贝塞尔曲线生成预定义形状

我有这样的形象：

我有这种质地：

我想生成这样的曲线，它应该适合衣领的形状。我尝试了此代码片段，但无法执行此操作。帮帮我

var ctx=c.getContext（“2d”）；//只是一些用于演示的初始化
var img=新图像；
img.onload=切片；
img.src=“//i.stack.imgur.com/UvqUP.gif”；
函数片（）{
var w=c.width=this.width；
var h=c.height=this.height；
var step=Math.PI*0.8/h；//整圈/画布宽度
var scale=250；//y轴上的最大位移
对于（变量x=0；x

画布{
变换：旋转（90度）
}

---

我已经将这种曲线应用到衣领结构中。通过阶跃和比例值的一些变化，我得到了我的解决方案。

var ctx=c.getContext（“2d”）；//只是一些用于演示的初始化
var img=新图像；
img.onload=切片；
img.src=“//i.stack.imgur.com/UvqUP.gif”；
函数片（）{
var w=c.width=this.width；
var h=c.height=this.height；
var step=Math.PI*2.3/w/2；//整圈/画布宽度
变量刻度=-180//y轴上的最大位移
对于（变量x=0；x