3

Não consigo atacar as propriedades da imagem SVG com include php. Teria um outro método? Sendo que preciso chamar as imagens do banco dinamicamente através do include(). Segue um exemplo funcional, quando a imagem svg está em seu código puro na página em questão.

<style>
    #produto > svg > g{ 
      fill: #fff;
    }
</style>
<html>
    <body>
        <div id="produto">
            <svg...>
                <g>..</g>
            </svg>
        </div>
    </body>
</html>

Gostaria que funcionasse desta forma:

<style>
    #produto > svg > g{ 
      fill: #fff;
    }
</style>
<html>
    <body>
        <div id="produto">
            <?php include('image/my-img.svg');?>
        </div>
    </body>
</html>

Tentei os métodos de inclusão de imagens em sgv ( embed, object) e não obtive sucesso.

9
  • o que exatamente tem nesse arquivo .svg? Commented 13/08/2016 às 1:39
  • é um vetor, exportei em imagem svg, com as tags, svg, g e path, as quais atribuo propriedades css Commented 13/08/2016 às 4:36
  • como fez quando tentou com <object>? algo assim não funciona? <object data="<?php include('image/my-img.svg');?>" type="image/svg+xml" id="id_qualquer" /> Commented 13/08/2016 às 6:17
  • Não surtiu efeito, simplesmente não aparece nada, como em <?php include('image/my-img.svg');?> Commented 13/08/2016 às 14:25
  • o caminho do arquivo está correto? teste isso: <?php echo file_exists('image/my-img.svg')? 'ok': 'ng';?> Commented 13/08/2016 às 16:46

1 Resposta 1

1

Para que você importe a imagem svg e ainda tenha acesso as suas respectivas tags você pode usar o seguinte código:

<?php echo file_get_contents("kiwi.svg"); ?>

Assim você poderá referenciar os elementos SVG por meio de um arquivo de folha de estilo CSS.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .