Как смонтировать изображение SVG с помощью JSF/OmniFaces/PrimeFaces?

Question

Вот что я пытаюсь сделать:

1. У меня есть @ViewScoped JSF боб с, в котором я называю сервис JAX-RS с использованием Джерси.
2. Ресурс, который я запрашиваю, возвращает ответ с типом контента image/svg+xml.
3. Показать его на странице Facelet.

Мои исследования до сих пор, привело меня к мысли:

• h:graphicImage (основной JSF) не поддерживает SVG
• p:graphicImage (PrimeFaces) не поддерживает SVG
• o:graphicImage (OmniFaces) делает не поддерживают SVG.

Невозможно доставить изображение SVG на страницу facelets из бэкэн-бэка? Служба, которая обслуживает изображения SVG, будет позже расширена для поддержки доставки (среди других форматов) PNG, но я надеялся использовать SVG напрямую.

Answer 1

<o:graphicImage> задает тип содержимого по умолчанию в image, но ваш браузер, видимо, не глотать, что для SVG изображений. Согласно this commit, я имею в OmniFaces 2,1 добавлена ​​поддержка SVG для <o:graphicImage dataURI="true"> и я добавил новый атрибут type, который позволяет явно указать тип изображения с помощью расширения файла:

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

В случае бросает IllegalArgumentException как этот

java.lang.IllegalArgumentException: o: graphicImage 'type' должен представлять допустимое расширение файла. Обнаружено недопустимое значение 'svg'.

Тогда это означает, что ваш сервер не распознает его как зарегистрированное сопоставление мим. Затем вы должны добавить новое сопоставление миминга на сервер или webapp's web.xml, как показано ниже:

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

Answer 2

Я не пробовал, но можете ли вы использовать JSF's ui:include? Что-то вроде этого:

<ui:include src="assets/img/fileFromJersey.svg" />