Javascript 如何通过偏移X像素来弯曲纹理

参考这把小提琴：

//获取画布引用（画布=衣领，画布1=纹理）
var canvas=document.getElementById（“canvas”）；
var ctx=canvas.getContext（“2d”）；
var canvas1=document.getElementById（“canvas1”）；
var ctx1=canvas1.getContext（“2d”）；
//在开始之前预加载纹理和衣领图像
var textureImg，collarImg；
var-imageurl=[]；
var-imagesOK=0；
var-imgs=[]；
imageURLs.push（“https://dl.dropboxusercontent.com/u/139992952/stackoverflow/checkered.png");
imageURLs.push（“https://dl.dropboxusercontent.com/u/139992952/stackoverflow/collar.png");
加载图像（）；
函数LoadAllImage（回调）{
对于（var i=0；i

正文{
背景颜色：象牙色；
填充：20px；
}
帆布{
边框：1px纯红；
}

“曲线”纹理
基于Q曲线偏移Y像素

临时纹理画布（画布1）

将图像旋转90度怎么样？检查。我试过那个部分，但无法得到肘部的形状。我认为对于肘部形状/曲线，我们需要以X像素为单位进行偏移@Sangboklefer请参阅此链接以获取正确答案：