在jsf / primefaces中使用圖像處理數據

Question

好吧，我有一項艱巨的工作要做，我將盡力解釋。

我參與的課程包括：汽車和問題。 一輛車可能有很多問題（1：N）。 讓我們想象一下，我必須交易方向盤的汽車，所以：

我有一個帶有4個輪子的“通用汽車圖片”（就像世界上所有汽車一樣）。 該圖像將彈出給用戶，該用戶可以選擇1個輪子（單擊該輪子），系統將自動知道出現問題的確切輪子（左前，右前，右后，后退）。 -剩下）。 這樣，我避免了用戶在selectOneMenu中選擇有問題的輪子，他可以選擇圖像中的輪子。

我該怎么做 ？ 這個有可能 ？

Answer 1

只需通過圖形編輯器將圖像分成塊，然后將它們放在鏈接中即可。

例如

<p:commandLink actionListener="#{bean.setWheel(1)}">
    <p:graphicImage name="wheel1.png" />
</p:commandLink>
<p:commandLink actionListener="#{bean.setWheel(2)}">
    <p:graphicImage name="wheel2.png" />
</p:commandLink>
<br />
<p:commandLink actionListener="#{bean.setWheel(3)}">
    <p:graphicImage name="wheel3.png" />
</p:commandLink>
<p:commandLink actionListener="#{bean.setWheel(4)}">
    <p:graphicImage name="wheel4.png" />
</p:commandLink>

您也可以為此使用表（ <h:panelGrid> ）。 如有必要，拋出一些CSS，以使它們成為沒有填充/邊距/等的塊元素，使其看起來像1張圖像。