Question

-1

Multiple svg with same IDs

rated 0 times [ 4] [ 5] / answers: 1 / hits: 17015 / 8 Years ago, tue, may 3, 2016, 12:00:00

Can i put multiple svgs in a html page and use the same IDs in all of them?

<div>

  <svg height=0 width=0>

    <clipPath id=svgPath> ........        

  </svg>

  <svg height=0 width=0>

    <clipPath id=svgPath> ........        

  </svg>

  <svg height=0 width=0>

    <clipPath id=svgPath> ........        

  </svg>

</div>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

yaquelina

Add To Favorites

Follow

Total Points: 517

Total Questions: 101

Total Answers: 96

Location: Egypt

Member since Tue, Jul 6, 2021

3 Years ago

yaquelina questions

1 Unable to access process variable in Vue3JS Vite project

Sun, Feb 13, 22, 00:00, 2 Years ago

1 How to return an array of unique objects based on the id of the object in es6?

Mon, Dec 27, 21, 00:00, 2 Years ago

1 How to run nodemon + forever in the background

Tue, Jun 2, 20, 00:00, 4 Years ago

1 How to remove warning in React native

Sun, Mar 8, 20, 00:00, 4 Years ago

1 Angular 9 - You must pass in a NgModule or NgModuleFactory to be bootstrapped

Fri, Feb 21, 20, 00:00, 4 Years ago

View All

answered 8 Years ago danar · Accepted Answer

Since the specs define the id attribute as unique per document, you should refactor the IDs or use an alternative, e.g. embedding via img or object tag.

<img src=my.svg height=100 alt=alternative Text>



<object type=image/svg+xml data=my.svg width=100 height=100></object>