tag:blogger.com,1999:blog-23429770.post3736379608178466787..comments2023-10-25T06:03:31.185-04:00Comments on El Micox: Desenhando pontos e linhas com javascript puro (sem canvas)Unknownnoreply@blogger.comBlogger4125tag:blogger.com,1999:blog-23429770.post-17333118719756301972013-03-23T16:34:26.319-04:002013-03-23T16:34:26.319-04:00Impressionante Will. Vou atualizar o post.Impressionante Will. Vou atualizar o post.Micox - Náiron J. C. G.https://www.blogger.com/profile/02362544943059265823noreply@blogger.comtag:blogger.com,1999:blog-23429770.post-6181570025153695832013-03-23T16:29:08.787-04:002013-03-23T16:29:08.787-04:00Essa gera um círculo:
function geraCirculo(x,y,r,...Essa gera um círculo:<br /><br />function geraCirculo(x,y,r,nome,elempai,precisao){<br /> //by Will - 0w0w7w@gmail.com - 23/03/13<br /> var longPixel = document.createElement('div');<br /> if(precisao == undefined){<br /> precisao = 5;<br /> }<br /> if(elempai.constructor==String){ elempai = document.getElementById(elempai);}<br /> <br /> if(typeof(window['WillCirc'])=='undefined'){<br /> window['WillCirc'] = Array(); //este cidadão global irá guardar todos os circulos<br /> }<br /> window['WillCirc'][nome] = Array()<br /><br /> var nomeC = nome + x + '-' + y;<br /> var ang = 0;<br /> var x2;<br /> var y2;<br /> //usa seno e cosseno para gerar o círculo, sem segredo, so tem que converter para radianos<br /> var tmp_x=x+Math.cos(Math.PI/(180/ang))*r;<br /> var tmp_y=y+Math.sin(Math.PI/(180/ang))*r;<br /> while(ang < 360){ <br /> ang=ang+precisao; //define a precisao<br /> x2 = x+Math.cos(Math.PI/(180/ang))*r;<br /> y2 = y+Math.sin(Math.PI/(180/ang))*r; <br /> //faz circulos que ficam com falhas quando grandes<br /> //window['WillCirc'][nome][ang] = geraPonto(x2,y2,nomeC,elempai); <br /> geraLinha(tmp_x,tmp_y,x2,y2,nomeC,elempai);<br /> <br /> //faz coisas interessantes...excetos circulos<br /> //geraLinha(tmp_x,tmp_y,x2,y2,nomeC,elempai);<br /> <br /> tmp_x=x2;<br /> tmp_y=y2;<br /><br /> }<br /> //document.write('teste: '+Math.sin(Math.PI/(180/30)));<br /> return window['WillCirc'][nome];<br />}<br /><br />a chamada é assim:<br />window.onload = function(){<br /> document.onclick = function(){<br /> var pY = window.event.clientY;<br /> var pX = window.event.clientX;<br /> geraCirculo(pX,pY,250,'Circ1',document.body); <br /> };<br />};<br /><br />tudo isso dentro da tag script<br /><br />Ponha dentro do head do htmlWill C.https://www.blogger.com/profile/15750625440841851916noreply@blogger.comtag:blogger.com,1999:blog-23429770.post-14890262738877640912009-07-14T10:24:53.702-04:002009-07-14T10:24:53.702-04:00Cara, parabéns! Muito legal este algoritmo. Peguei...Cara, parabéns! Muito legal este algoritmo. Peguei esta ideia para colocar num site (ainda em construção) de cursos online. Isto vai me ajudar muito na hora em que for pedido para o aluno construir, por exemplo, um botão. Abraços, Eduardo Scopel.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-23429770.post-53545404188712603362008-02-01T17:23:00.000-03:002008-02-01T17:23:00.000-03:00Exelente textoExelente textoPortal Venezahttps://www.blogger.com/profile/06487100186768277007noreply@blogger.com