Как Ткань Моделирование в html5 холст + jquery

Я нашел источник моделирования ткани. Вот JSFIDDLE.NET Как Ткань Моделирование в html5 холст + jquery

<canvas id="c" height="500" width="500"></canvas>

$(document).ready(function() { 
      xyz(); 
     }); 
     function xyz() 
     { 
      a = "d#ocumt;c#.getElemtById('c'Ub=c.getContext('2d'Uf=10;c.wid=g=c.height=j=500;k=[Ml=[Mq=hH;r=o=1;D_5V<fV++,y_8Qz=[MDiH,_5J<fJ++,x_8Qz]={x:x,y:y:1,k:x,j:y}h>0Qpush([h,h])}(i>0?push([h,h]):0)@k[0][0]S=k[0][9]SH;nAclearRect(0,0,g,jUKffp=z]pwi(pQnx*1~-k*~;ny*1~-j*~+(_0125*rUk=x;j=y;nx;[email protected]@K2lga=lMs01t23dtW-sW`tZ-sZ`e#x+dy`i=(de-_064)/((de+_064)*(sS+tS))ssW+#i;sZ+#i}i&ttWNi;[email protected]}Olga=lMbeginPa(Us01t23!To(sW*g,sZ*jUlineTo(tW*g,tZ*jUstro()@;setInterval(n,35UFdownAw=f;Kffp=zMdxLX/g-pW`yLY/j-pZ;nw#x+dynw<[email protected]}F!AqW=q.kLX/gZ=q.jLY/jSH};FupAF!=nullS=o};}`.onydownAi&e.yCode==71Qr=(r=H)?1:0}oH}`.onyupAo=1}"; 
      for (b in c = "VGO;qkeyNxN]MJG-1l.J&x=+=y=en!moveS!HQb.,i[ithKDhHV<]]K=kK~.99`;[email protected]}}&f(#=d_.0zk[h]Z.yW.xV;hU);S.iQ){ODiHJ<N*dM];L=e.pageK[a[J;iH=0G++){Fd.onmouseDfor(A=function(e){".split("")) 
       a = a.replace(RegExp(c[b][0], "g"), c[b].slice(1)); 
      eval(a) 
     }

но код выглядит чуждо мне. Я хочу заполнить прямоугольник своим изображением, как это сделать? Как заполнить эти поля изображением или любым учебным пособием по этому типу моделирования ткани. дайте мне какое-то направление

источник

2013-08-18 MD TAHMID HOSSAIN

Вот [фактический код] (http://jsfiddle.net/cUaE6/1/). – FakeRainBrigand

и немного [лучшей версии] (http://jsfiddle.net/cUaE6/2/) с рефакторингом имен переменных. – FakeRainBrigand

@FakeRainBrigand спасибо за ссылки. Лучше, чем лучшая версия не дает выход. –

У вас есть физическое моделирование ткани с некоторыми элементами управления, рисует только края сетки. Вам нужен ящик с треугольником, поэтому вы можете назначить координаты вашего изображения в эту сетку. Вы можете использовать WebGL, который делает эту работу прохладной или кодовым ящиком треугольника в контексте 2d. Взгляните на это demo Я нашел несколько лет назад, которые демонстрируют трехмерное моделирование ткани в контексте 2d. Кроме того, проверьте код, который рисует треугольники (это here), поэтому вы можете использовать его самостоятельно. Удачи!

источник

2013-08-18 15:24:03

спасибо. это выглядит многообещающим ...... –

Как Ткань Моделирование в html5 холст + jquery

ответ

Смежные вопросы