Scribd Logo
Importer

Bienvenue sur Scribd !

  • Entendiendo Las Coordenadas en Una Grafica Con PHP Mas GD

    Transféré par

    Yerko
    94 vues4 pages
    Este documento explica cómo funcionan las coordenadas en una gráfica utilizando PHP y la librería GD. Describe cómo crear una imagen y asignar coordenadas para dibujar formas geométricas como un rectángulo rojo. También muestra cómo usar eventos de mouse en JavaScript para mostrar las coordenadas X e Y del puntero del mouse en una página web. Finalmente, explica que las coordenadas se basan en un plano cartesiano y cómo herramientas como WebDeveloperToolbar pueden medir coordenadas en el navegador.

    Description originale:

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Este documento explica cómo funcionan las coordenadas en una gráfica utilizando PHP y la librería GD. Describe cómo crear una imagen y asignar coordenadas para dibujar formas geométricas como un rectángulo rojo. También muestra cómo usar eventos de mouse en JavaScript para mostrar las coordenadas X e Y del puntero del mouse en una página web. Finalmente, explica que las coordenadas se basan en un plano cartesiano y cómo herramientas como WebDeveloperToolbar pueden medir coordenadas en el navegador.

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    94 vues4 pages

    Entendiendo Las Coordenadas en Una Grafica Con PHP Mas GD

    Transféré par

    Yerko
    Este documento explica cómo funcionan las coordenadas en una gráfica utilizando PHP y la librería GD. Describe cómo crear una imagen y asignar coordenadas para dibujar formas geométricas como un rectángulo rojo. También muestra cómo usar eventos de mouse en JavaScript para mostrar las coordenadas X e Y del puntero del mouse en una página web. Finalmente, explica que las coordenadas se basan en un plano cartesiano y cómo herramientas como WebDeveloperToolbar pueden medir coordenadas en el navegador.

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 4

    Entendiendolas coordenadasenuna graficaconPHP+GD

    GDesunalibreraconlaquepodemoscrearimagenes.... PHPesunlenguajedeprogramaciondelladodelservidor... Buenovemosaltemaqueesentenderlascoordenadas.Enestecaso tenemosuncodigocomoelsiguiente: <?php header(ContentType:image/jpeg);//leindicamosala cabeceraeltipodeimagen $image=imagecreatetruecolor(600,300);//imagendecolor verdadero600ancho300alto $gris=imagecolorallocate($image,181,181,181);//colorgris rgb(red,green,blue) $rojo=imagecollorallocate($image,255,0,0);//colorrojo rgb(red,green,blue) imagefilltoborder($image,0,0,$gris,$gris);//rellenacolor bordegriscoordenadas00 imagefilledrectangle($image,10,280,20,230);//creaun rectangulocoordenadasx1y1x2y2 imagejpeg($image);//crealaimagen imagedestroy($image);//liberamemoria ?> Aquilointeresanteesqueasignamosunascoordenadasal rectanguloqueempezariadesde0,0yterminariahasta600,300que eselanchoyelalto:

    Tenemosla imagendonde indicamos dondeempiezan yterminaslas

    coordenadas....todoestosabiendodondeterminanporelanchoy

    alto....entoncessolodebemosdalesvaloresdondeempezary terminardependiendodeesascoordenadas. DondeX1,Y1,X2,Y2lorepresentariadeestamanera: Aestome refierocon lasflechas lasmaneras enlasque van....es decirtenemos enelejemplodelPHPdondeusamoslalibreraGD: imagefilledrectangle($image,10,280,20,230); X1=10Y1=280X2=20Y2=230 conla imagende la derecha nos podemos dar cuenta

    exactamentedondeestanlascordenadasycomoelrectangulorojo eselquesecreoconlalibreragdgraciasalascoordenadas dadasycomologrisescreadotambienconlalibreragd..... Tambienpodemosvercomotodoestoaplicaalgodematematicascon elplanocartesiano: Conlacualse puedengraficar lospuntosdados deunas ecuaciones... Otramanerade saberlas coordenadases hacerusode javascripty algunosdesus eventosporejemploelsiguientecodigo:

    <!DOCTYPEhtmlPUBLIC"//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttpequiv="ContentType"content="text/html; charset=iso88591"/> <styletype="text/css"> #mousePositions{ border:solid#0000001px; color:#000000; fontfamily:Arial,Helvetica,sansserif; fontsize:11px; width:1125px; height:700px; } </style> <scriptlanguage="javascript"type="text/javascript"> functionposition(event){ varx=event.clientX; vary=event.clientY; varmousePositions= document.getElementById('mousePositions'); mousePositions.innerHTML='Xcoords:'+x+',Ycoords:'+y; } </script> <title>MousePosition</title> </head> <bodyonmousemove="position(event);"> <divid="mousePositions"> </div> </body> </html> dondetenemosloseventosevent.ClientXyevent.clientYqueloque hacenesmandarnoslascoordenadasdelloqueleindiquemosen estecasotenemosunavariablemousePositionsqueescribienel divmousePositionslascoordenadasxyyusandolasmismas variablesdeloseventos,alcargarlapaginasellamaalafuncion position(event)...unacosaimportanteesqueenlosestilos ponemoselanchoyaltodeltamaodenuestrapantallamenoslo delnavegadorsiesqueesloquequieres.... Todoestosemostrariadelasiguientemanera:

    Comovesnosindicalacoordenadasdondeseencuentraelraton dentrodeldiv....tambienexisteunaextensionllamada WebDeveloperToolbarparaFirefoxyChromequecontieneunaregla paramedirlascoordenadas,aligualquesepuedehacercongimpy photoshop....peroesoserianherramientaselobjetivodeeste tutorialeraentendercomoesquelascoordenadasestaban formadas..... Autor:Arthusu

    Vous aimerez peut-être aussi