2011-09-13 14 views
11

¿Quién tiene una idea o una sugerenciaInsertar un objeto SVG con el parámetro

me gustaría incrustar un objeto SVG dentro Tag SVG dado y cambiar este parámetro

HTML/SVG (no pasando)

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Test</title> 
</head> 
<body> 
<svg width="2000" height="2000"> 
     <object type="image/svg+xml" data="lamp.svg" style="width: 450px; height:150px;"> 
      <param name="color" value="yellow" /> 
     </object> 
</svg> 
</body> 
</html> 

lamp.svg SVG del archivo:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="40" height="40"> 
<title>lamp</title> 
    <circle cx="30" cy="30" r="15" fill="param(color)" stroke-width=""/> 
</svg> 

con la etiqueta IMAGEN ningún parámetro etiqueta que pasa es posi ble.

<image x="0" y="0" width="20" height="20" xlink:href="lamp.svg"><param name="color" value="yellow" /></image> 

Respuesta

11

navegadores Actualmente no apoyan paso de parámetros de esta manera, aunque hay una SVG Parameters spec siendo desarrollado por el W3C. Los ejemplos en la especificación usan a script para emular el soporte para la característica.

Nota: la cuña param.jsgoes in the SVG file, no el archivo html:

por ejemplo,

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" 
width="68" height="68"> 
<rect x="10" y="10" height="48" width="48" stroke="black" stroke-width="1" fill="param(color) red"> 
</rect> 
<rect x="29" y="0" height="10" width="10" fill="black"></rect> 
<text x="24" y="46" fill="param(text) black" style="font-size:32px;" 
    content-value="param(number) 1">1</text> 

<script type="text/ecmascript" xlink:href="param.js" /> 

</svg> 
+1

Cualquier cambio a esta desde 2011? –

+0

Hasta donde yo sé, nada ha cambiado en el navegador. –

+1

¿Cómo puedo especificar el valor de parámetro en el documento que incorpora svg? El script busca params solo en el archivo svg ... – kasi

Cuestiones relacionadas