Cómo crear coordenadas SVG

Admin Agosto 24, 2015 Internet 83 0
FONT SIZE:
fontsize_dec
fontsize_inc

SVG, conocido como Scalable Vector Graphics, es un lenguaje de marcado que permite crear gráficos de gráficos y animaciones código en su página web. Se espera llegar a ser más popular para el diseño web, debido a que los navegadores web más populares ahora soportan SVG. Con las etiquetas y elementos SVG, puede especificar formas geométricas como círculos, rectángulos y polígonos para ser colocados en las coordenadas específicas en su página web. Además, puede especificar el tamaño de cada forma.

Crear un archivo de texto con el editor de texto. Guarde el archivo como "svggraphics.html."

Escriba las etiquetas de formato HTML para decirle al navegador que la página está codificado en un lenguaje de marcado HTML:



Escriba la línea siguiente en el editor de texto el espacio de nombres de etiquetas "svg" para decirle al navegador que las siguientes etiquetas están codificadas como SVG y realizar funciones de gráficos de acuerdo a las especificadas en el estándar para el W3 SVG ubicada en la URL "http://www.w3.org/2000/svg" version = "1.1":

Escriba las etiquetas de formato de gráficos SVG que especifican la forma gráfica que se pueden extraer (un círculo) y crean el centro del círculo coordina en la pantalla a 200 píxeles a la derecha del borde izquierdo de la pantalla (coordenada x) y 200 píxeles hacia abajo desde el borde superior de la pantalla (coordenada y):

stroke-width = "2" llenar = "negro" />

El código anterior, además de crear el centro del círculo coordina, también especifica un radio de círculo de 100 píxeles, un círculo con un ancho de línea de 2 píxeles, y un círculo que está completamente llena con el color negro.

Escriba el marcado para indicar al navegador que las etiquetas de marcado a seguir ya no puede ser interpretado como SVG etiquetas de marcado W3 (SVG al final de la secuencia de comandos), así como para poner fin al cuerpo principal de la página HTML y el guión marcado HTML:


  Like 0   Dislike 0
Comentarios (0)
Sin comentarios

Añadir un comentario

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Caracteres a la izquierda: 3000
captcha