Javascript 如何从织物图案生成曲线

Javascript 如何从织物图案生成曲线,javascript,html5-canvas,bezier,Javascript,Html5 Canvas,Bezier,我的主要目标是生成一个这样的曲线,它应该得到适合整个衬衫袖子,如图所示 我试过了,但线路仍然没有按预期正常运行 帮我做这个 测试织物图案为下图所示的垂直织物。 我从脚本函数中得到的是 我想要更精确的袖子形状 我已经完成了以下脚本 函数曲线2(事件) { var ctx=c.getContext(“2d”); var getImagePath=URL.createObjectURL(event.target.files[0]); //只是一些用于演示的初始化 var img=新图像; i

我的主要目标是生成一个这样的曲线,它应该得到适合整个衬衫袖子,如图所示

我试过了,但线路仍然没有按预期正常运行

帮我做这个

测试织物图案为下图所示的垂直织物。 我从脚本函数中得到的是

我想要更精确的袖子形状 我已经完成了以下脚本

函数曲线2(事件)
{	  
var ctx=c.getContext(“2d”);
var getImagePath=URL.createObjectURL(event.target.files[0]);
//只是一些用于演示的初始化
var img=新图像;
img.onload=切片;
img.src=getImagePath;
函数片(){
c、 宽度=最小高度;
c、 高度=img.宽度;
//var step=Math.PI/h;//整圈/画布宽度
//var scale=75;//y轴上的最大位移
var w=c.宽度=此高度;
var h=c.高度=此宽度+10;
//var h=c.height=this.width+10;//2
//var h=c.高度=此宽度-40;
//396
var step=Math.PI/500;//整圈/画布宽度
//var step=Math.PI/500;//2
var scale=240;//y轴上的最大位移
//var scale=230;//2
//var scale=200;//y轴上的最大位移
对于(变量y=0;y

我将把数学问题留给更有资格的人来解决,但我认为问题的根源在于,为了形成一条曲线,你要对每条线进行偏移。我认为你应该围绕曲率中心旋转

我的意思的粗略说明:

我很难理解你的问题。您是否可以改写它,并告诉我们更多关于输入、所需输出以及呈现的代码如何试图解决您的问题?更新。请检查@leum