`
linguagem` `
topico` `
nome`SVG chamada da imagem`
` `
titulo`SVG chamada da imagem`
` `
descritor`apoie, apoie.org, SVG,Graficos vetoriais escalaveis `
` `
lead`Gráficos Vetorial eScalável (Scalable Vector  Graphics - Como chamar dentro do html`
` `
melhorar`Melhorar`
` `
referencia`cheat-sheets.org,
`
` `
origem`SvgChamada.xml`
` `
` `
topico` `
titulo`Vendo a imagem SVG`
` `
desc`
Experimente aumentar ou diminuir a figura usando control + ou control -  e veja o que acontece.

Veja como fazer imagem SVG em
SVG -sistema cartesiano.

Código de chamada: <embed src="PAS.svg" style="height: 420px;" type="image/svg+xml">
` `
` `
topico` `
titulo`Produzindo a chamada de uma imagem SVG no Html`
` `
desc`
Tipos de inserção SVG em página Html:
  1. Colocando o código da imagem interno ao Html

    Código colocado dentro do arquivo.html:

    <?xml version="1.0"?>
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="250" height="150">
        <title>Exemplo</title>
        <desc>exemplo</desc>
       
        codigo da figura SVG

    </svg>



  2. Colocando o código da imagem externo e chamando no Html

    Código colocado dentro do html:

    <!DOCTYPE html>
    <html>
      <head>
      </head>
      <body>
         <embed src="PAS.svg" type="image/svg+xml">
      </body>
    </html>

    1. Elemento embed (incorporada)

      Código de chamada:
      <embed src="PAS.svg" type="image/svg+xml">

    2. Elemento object



      Código de chamada:
      <object data="PAS.svg" type="image/svg+xml"> ;</object>

    3. Elemento iframe



      Código de chamada:
      <iframe src="PAS.svg" width= 100" height="100" ">


    4. Elemento img



      Código de chamada:
      <img src="PAS.svg" width= 100" height="100" ">
` `
` `
topico` `
titulo`Código da imagem SVG`
` `
desc`
Veja em:
view-source:http://apoie.org/PAS.svg

Esqueleto:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
<!--....parâmetros svg...... -->
>
<!-- tags do xml ........ -->
</svg>
` `
` `