¿Es posible dar estilo al archivo svg externo con css sin modificar el contenido del archivo svg?¿Es posible diseñar un archivo svg externo con css?
<img src="image/svg/3ds-max.svg">
Y hay alguna forma mejor de mostrar el archivo SVG externa en HTML5?
No es posible usar una etiqueta img, estas son básicamente similares a mapas de bits en lo que se refiere a acceder o modificarlas. Puede usar la etiqueta con su atributo de estilo en su lugar o alternativamente solo incluir la svg en línea en el archivo que puede hacer con html5.
Casi. Si se puede incrustar el SVG directamente en su documento HTML5 usando la etiqueta svg, entonces usted puede estilo con CSS, así:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
#redcircle { stroke:black; stroke-width:5; }
</style>
</head>
<body>
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<circle id="redcircle" cx="50" cy="50" r="30" fill="red" />
</svg>
</body>
</html>
Pidió svg externo, no en línea – grm
True. Pero a menudo es bueno saber las alternativas más cercanas . –
Dang :(Alguien tiene un enlace de por qué este es el caso –
@BradleyFlood? https://longsonr.wordpress.com/2013/10/23/restrictions-on-svg-used-as-an-image/ –