Cómo crear Coordenadas SVG

Usar SVG marcado para generar imágenes geométricas para su página web. 

CREAR COORDENADAS

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

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

Escriba las etiquetas de formato HTML para indicar al navegador que la página está codificada en el lenguaje de marcado HTML:

cuerpo HTML

Escriba la siguiente línea del editor de texto de la etiqueta svg espacio de nombres para indicar al navegador que las etiquetas que siguen se codifican como SVG y llevar a cabo las funciones de gráficos de acuerdo con las especificadas en el estándar W3 para el SVG ubicado en la URL http: / / www.w3.org/2000/svg version = 1.1:

svg xmlns = http://www.w3.org/2000/svg version = 1.1

Escriba los gráficos de marcado etiquetas SVG que especifican la forma de gráficos para ser dibujado (un círculo) y que crea 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):

círculo cx = 200 cy = 200 r = 100 carrera = negro stroke-width = 2 = relleno negro /

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

Escriba el marcado para indicar al navegador que las etiquetas de marcado a seguir ya no debe interpretarse como W3 SVG etiquetas de marcado (al final de la secuencia de comandos SVG), así como para acabar con el cuerpo principal de la página HTML y el formato HTML script:

/ Svg

/ Cuerpo / HTML

Consejos y advertencias

No todos los navegadores soportan SVG y otros no son compatibles con el conjunto de comandos de SVG. Sin embargo, la mayoría de las últimas versiones de los navegadores más populares rendirá SVG marcado. Al desarrollar una página web con SVG, puede que tenga que escribir código que detecta el navegador que utiliza el cliente. Si no se admite el navegador utilizado, el código debe alertar a su visitante del sitio Web de usar un navegador distinto o descargar una versión más actual del navegador.