A primeira linha é a declaração de XML. Observar o atributo autônomo! Este atributo especifica se a lima de SVG “está sozinho”, ou contem a referência a uma lima externa. o standalone= " não " significa que o original de SVG tem uma referência a uma lima externa, o DTD.
A segunda e terceira linha consulta ao DTD externo de SVG. O DTD é ficado situado em “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”. O DTD reside no W3C e contem todos os elementos de SVG.
O código de SVG começa sempre com o elemento do <svg>, que consiste no Tag do <svg> da abertura e no Tag de fechamento de </svg>. Este é o elemento da raiz. A largura e a altura atribuem jogos a largura e a altura do original de SVG. O atributo da versão define a versão de SVG a ser usada e o atributo dos xmlns define o namespace de SVG.
O elemento do <circle> de SVG é usado criar um círculo. O cx e os atributos cy definem a coordenada de x e de y do centro do círculo. Se cx e cy forem omitidos então o centro do círculo está ajustado a (0, 0). O atributo de r define o raio do círculo.
Os atributos do curso e da curso-largura controlam como o esboço de uma forma aparece. Nós ajustamos o esboço do círculo a um 2px “beira larga, azul”.
O atributo da suficiência consulta à cor dentro de uma forma. Nós ajustamos a cor da suficiência para yellow.
O fim de fechamento do Tag de </svg> o elemento da raiz SVG e o original.
Nota: Todos os Tag da abertura têm sempre Tag de fechamento
|