Answers for "SVG"

3

javascript create svg

// create svg element
const svg1 = document. createElementNS("http://www.w3.org/2000/svg", "svg");
svg1. setAttribute ("width", "100" );
svg1. setAttribute ("height", "100" );

// create a shape
const cir1 = document. createElementNS("http://www.w3.org/2000/svg", "circle");
cir1.setAttribute("cx", 0 );
cir1.setAttribute("cy", 0 );
cir1.setAttribute("r", 50);

// attach the shape to svg
svg1 . appendChild ( cir1 );

// attach the svg to a element on page
document. getElementById ('x77738'). appendChild ( svg1 );
Posted by: Guest on September-04-2020
7

using svg in html

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

how to add an svg image to html

<body>

<img src="blabla.svg" alt="blabla_is_working">

</body>
Posted by: Guest on November-04-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
0

SVG

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     viewBox="0 0 128 128"
        >
    <circle cx="64" cy="64" r="64" style="fill: #00ccff;"></circle>

</svg>
Posted by: Guest on May-01-2021

Browse Popular Code Answers by Language