JSR-Strut2架构下前后台利用Canvas技术接收并绘制后台数据图表

阅读量：

前台使用canvas根据后台传入的数据画图

session; java; jsp; jQuery; javascript; HTML5; canvas;

需求介绍：

系统接收节点数量、节点之间的连接关系以及节点名称等参数，前端负责模拟后台算法的动态连线过程，并依据后台传递的连接信息最终生成节点间的连线图。具体要求为：根据系统传入的节点数量绘制相应节点，且节点应呈圆形分布。

关于HTML5 canvas的一些认识
当绘制图像较为复杂时，推荐采用多层画布结构，例如本人在实际操作中，会将每个功能模块分别设置为独立的画布层。此外，stroke()方法会消耗较多资源，若非必要情况，建议在最后统一调用stroke函数，避免频繁调用。

功能划分与具体代码

变量初始化模块设计

复制代码

    <html>
    <script>
    //接收aaa数据，并处理之
    var aaa="${aaa}";
    testSet=aaa.split("-");
    var node_set="${node_set}";
    node_name_set=node_set.split("-");//节点名集合
    //alert(node_name_set);
    //alert(node_n

全部评论 (0)

还没有任何评论哟~