Answers for "svg tag in html"

3

svg with src in html

<object data="algerie.svg" type="image/svg+xml"></object>
Posted by: Guest on April-22-2021
0

style tag svg

<svg width="100%" height="100%" viewBox="0 0 100 100"
     xmlns="http://www.w3.org/2000/svg">
  <style>
    /* <![CDATA[ */
    circle:hover {
      fill: orange;
      stroke: black;
      stroke-width: 10px; // Note that the value of a pixel depend on the viewBox
    }
    /* ]]> */
  </style>

  <circle cx="50" cy="50" r="40" />
</svg>
Posted by: Guest on December-09-2020
8

using svg in html

<img src="image.svg" />
Posted by: Guest on July-28-2020
1

html svg

<svg width="100" height="100">  <!-- Draws a circle -->
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
<svg width="400" height="100">  <!-- Draws a rectangle -->
  <rect width="400" height="100" style="fill:rgb(0,0,255);stroke-width:10;stroke:rgb(0,0,0)" />
</svg>
<svg width="300" height="200">  <!-- Draws a star -->
  <polygon points="100,10 40,198 190,78 10,78 160,198"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>
Posted by: Guest on March-14-2021
-2

html svg

<img src="image.svg" width="100" height="100" />
Posted by: Guest on February-16-2021

Browse Popular Code Answers by Language