[RESOLVIDO] Como incluir SVG com animação em uma aplicação web JSF ?

Front-end
, ,
#1

Pessoal, boa noite.

Estou tentando incluir um svg com animação no centro da testeira da minha aplicalçao web em JSF (Primefaces 6.2).

O svg em questão é conforme está nesse link: https://codepen.io/lionelB/pen/gckDu

E a testeira é essa:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:p="http://primefaces.org/ui">

<ui:composition>
    <h:form id="menuForm">
        <p:menubar style="height: 75px" styleClass="background-image">
            <p:menuitem value="#{gdsBundle.Home}" outcome="/index" icon="ui-icon-home"/>
            <!-- [...] -->
        </p:menubar>
    </h:form>
</ui:composition>

Eu tentei definir o css direto no corpo do arquivo usando mas não deu certo.

Alguém saberia como fazer para isso funcionar?

#2

Olá jMarcel

Tenta o seguinte:

Page XHTML

<o:graphicImage value="#{bean.image}" type="svg" />

Web.xml

<mime-mapping>
    <extension>svg</extension>
    <mime-type>image/svg+xml</mime-type>
</mime-mapping>

No value do graphicImage você passa o caminho do svg e o graphicImage é do OmniFaces

1 curtida
#3

Valeu Mike !! Você é o cara !

1 curtida