Javascript 如何在jsf项目中绘制矩形？

我的项目是JSF+PRIMEFACES+JPA，我想在JSF网页（XHTML）中绘制矩形

在我根据托管bean中已经存在的矩形列表单击按钮后，需要显示该绘图

仅仅使用JSF和primefaces就可以做到这一点吗？或者我需要介绍javascript或其他东西

更新1:

---

我发现richfaces有绘画2D选项。在我的项目中可以使用richfaces的这个功能吗？

我知道在js中必须使用画布。下面是最简单的例子： 您可以编写javascript处理程序来捕获单击事件，然后调用映射矩形的代码

范例
Обновите браузер
var example=document.getElementById（“example”），
context=example.getContext（'2d'）；
例如：高度=480；
例如：宽度=640；
context.beginPath（）；
rect（18850200100）；
context.fillStyle='red'；
context.fill（）；
context.lineWidth=7；
context.strokeStyle='black'；
stroke（）；

我想你想要这个：

例子
有点
var changeColor=函数（）{
变量颜色=[‘红色’、‘绿色’、‘蓝色’、‘黄色’、‘棕色’、‘蓝色’、‘金色’]；
var example=document.getElementById（“example”），
context=example.getContext（'2d'）；
例如：高度=480；
例如：宽度=640；
context.beginPath（）；
rect（18850200100）；
context.fillStyle=colors[parseInt（Math.random（）*colors.length）]；
context.fill（）；
context.lineWidth=7；
context.strokeStyle='black'；
stroke（）；
}

自5.1.8 elite发行版（或5.2-SNAPSHOT）以来，Primefaces拥有。它可以创建上面的图像，因此，这可能是您可以使用的问题

当我第一次单击按钮时，中间的代码需要是动态的。我需要进行计算，然后显示我想要显示的矩形。您知道如何做到这一点吗？尝试单击按钮几次事件onclick需要在我的托管BEAN类操作中出现=#{#paintmanagedbean.paintrectangle（）}我想如果你可以访问javascript表单java，你可以调用它，不是吗？我认为在jsf中是不可能的：（任何答案对你有效？那么请“接受”它没有一个答案对我有效。