分析文件中的代码,详细介绍每段代码的功能

时间: 2024-10-19 17:17:13 浏览: 30
该代码定义了一个名为 `f_draw_design` 的函数,用于绘制一个板材设计图。以下是代码各部分的功能详细说明: ### 初始化和变量声明 ```javascript function f_draw_design() { f_draw_init(); var doubleFlag = sDBL_YN; var iTotCanvasWidth = $('#divSlabList_img').width(); var iTotCanvasHeight = $('#divSlabList_img').height(); var iDrawLength = iTotCanvasWidth / 1.1; var iDrawWidth = iTotCanvasHeight / 1.1; // 板材数据 var mPlateWidth = mplt_wth; var mPlateLength = mplt_lth; var mPlateMin = mplt_lth_min; var mPlateMax = mplt_lth_max; var mPlateSpcLth = mplt_spc_lth; var mpltDblWth = mplt_dbl_wth; var mpltDrawDblWth = Math.ceil(iDrawLength * mpltDblWth / mPlateMax); var maxLineStartX = ((iTotCanvasWidth - iDrawLength) / 2) + iDrawLength; var maxLineEndY = iTotCanvasHeight; var minLineStartX = ((iTotCanvasWidth - iDrawLength) / 2) + (iDrawLength * mplt_lth_min / mPlateMax); var minLineEndY = iTotCanvasHeight; } ``` - **初始化**:调用 `f_draw_init()` 函数进行一些初始设置。 - **获取画布尺寸**:获取 `divSlabList_img` 元素的宽度和高度,并计算绘图区域的实际宽度和高度。 - **板材数据**:从全局变量中读取板材的相关参数,如宽度、长度、最小值、最大值等。 - **计算辅助线位置**:计算最大值和最小值线的起始点和结束点坐标。 ### 创建绘图对象 ```javascript $('#divSlabList_img').jqxDraw(); var renderer = $('#divSlabList_img').jqxDraw('getInstance'); ``` - **创建绘图对象**:使用 `jqxDraw` 插件在 `divSlabList_img` 元素上创建一个绘图对象,并获取其实例。 ### 计算板材绘制参数 ```javascript var mPlateDrawLength = iDrawLength * mPlateLength / mPlateMax; var mPlateDrawWidth = iDrawWidth; var gridDgnOrdListRowsData = fc_getRowsData(gridDgnOrdListId); var mPlateStartX = (iTotCanvasWidth - iDrawLength) / 2; var mPlateStartY = (iTotCanvasHeight - iDrawWidth) / 2; // 绘制板材矩形 renderer.rect(mPlateStartX, mPlateStartY, mPlateDrawLength, mPlateDrawWidth, { stroke: gb_mpltColor, fill: gb_mpltColor }); var nPlateCount = 0; $.each(gridDgnOrdListRowsData, function(rowIndex, rowValue) { for (var i = 1; i <= 2; i++) { nPlateCount += Number(rowValue["DGN_PLT_PCS" + i]) + Number(rowValue["DGN_OVROLL_PCS" + i]); } }); var nPltCutDrawSpcLth = mPlateSpcLth / Math.ceil((nPlateCount - 1) / (doubleFlag == "Y" ? 2 : 1)); nPltCutDrawSpcLth = iDrawLength * nPltCutDrawSpcLth / mPlateMax; var plateSizeObj = { "mPlateWidth": mPlateWidth, "mPlateDrawWidth": mPlateDrawWidth, "mPlateLength": mPlateLength, "mPlateDrawLength": mPlateDrawLength, "nPlateStartX": mPlateStartX, "mPlateStartY": mPlateStartY, "nPlateStartY": 0, "nPlateDrawLength": 0, "nPltDrawWidth": 0, "nPltCutSpcWth": 0, "nPltCutDrawSpcWth": 0, "nPltCutDrawSpcLth": nPltCutDrawSpcLth, "nPltDrawDblSpcWth": mpltDrawDblWth, "lastPlateLength": 0, "plateIndex": 1 }; ``` - **计算板材绘制长度和宽度**:根据实际比例计算板材的绘制长度和宽度。 - **获取订单数据**:从 `gridDgnOrdListId` 中获取所有行的数据。 - **计算板材总数**:遍历订单数据,统计总的板材数量。 - **计算切割间距**:根据板材总数和是否双面绘制,计算每个板材之间的切割间距。 - **初始化板材绘制对象**:创建一个对象 `plateSizeObj`,存储板材的各种绘制参数。 ### 绘制板材 ```javascript $.each(gridDgnOrdListRowsData, function(rowIndex, rowValue) { for (var q = 1; q <= 2; q++) { for (var i = 0; i < rowValue["DGN_PLT_PCS" + q]; i++) { plateSizeObj["nPlateLength"] = rowValue["DGN_PLT_LTH" + q]; plateSizeObj["nPlateWidth"] = rowValue["HRL_PROD_WTH_AIM"]; plateSizeObj["nPltCutSpcWth"] = (plateSizeObj["mPlateWidth"] - (plateSizeObj["nPlateWidth"] * (doubleFlag == "Y" ? 2 : 1))) / 2; plateSizeObj["nPltCutDrawSpcWth"] = iDrawWidth * plateSizeObj["nPltCutSpcWth"] / mPlateWidth - plateSizeObj["nPltDrawDblSpcWth"]; plateSizeObj = f_calc_plate_size(doubleFlag, plateSizeObj); var nPlateDrawObj = renderer.rect( plateSizeObj["nPlateStartX"], plateSizeObj["nPlateStartY"], plateSizeObj["nPlateDrawLength"], plateSizeObj["nPltDrawWidth"], { stroke: gb_pltStrokeColor, fill: gb_pltColor } ); $(nPlateDrawObj).attr("id", "DRAW_PLATE" + plateSizeObj["plateIndex"]); $(nPlateDrawObj).attr("name", "Plate" + plateSizeObj["plateIndex"]); plateSizeObj["lastPlateLength"] = plateSizeObj["nPlateDrawLength"]; var plateOrd = rowValue["ORD_NO"] + "-" + rowValue["ORD_LN"]; var plateSize = rowValue["ORD_THK"] + "*" + rowValue["HRL_PROD_WTH_AIM"] + "*" + rowValue["DGN_PLT_LTH" + q]; var plateWgt = Math.round((rowValue["ORD_THK"] * rowValue["HRL_PROD_WTH_AIM"] * rowValue["DGN_PLT_LTH" + q] * steel_grvt) / Math.pow(10, 9) * 1000) / 1000; var toolTipCont = gb_tooltipMsg; toolTipCont = toolTipCont.replace("#ORD_NO_LN", plateOrd); toolTipCont = toolTipCont.replace("#ORD_FL", gb_multiLangApo); toolTipCont = toolTipCont.replace("#SIZE", plateSize); toolTipCont = toolTipCont.replace("#WGT", plateWgt); $("#" + "DRAW_PLATE" + plateSizeObj["plateIndex"]).jqxTooltip({ position: 'mouse', content: toolTipCont }); plateSizeObj["plateIndex"] += 1; } for (var i = 0; i < rowValue["DGN_OVROLL_PCS" + q]; i++) { plateSizeObj["nPlateLength"] = rowValue["DGN_PLT_LTH" + q]; plateSizeObj["nPlateWidth"] = rowValue["HRL_PROD_WTH_AIM"]; plateSizeObj["nPltCutSpcWth"] = (plateSizeObj["mPlateWidth"] - (plateSizeObj["nPlateWidth"] * (doubleFlag == "Y" ? 2 : 1))) / 2; plateSizeObj["nPltCutDrawSpcWth"] = iDrawWidth * plateSizeObj["nPltCutSpcWth"] / mPlateWidth - plateSizeObj["nPltDrawDblSpcWth"]; plateSizeObj = f_calc_plate_size(doubleFlag, plateSizeObj); var nPlateDrawObj = renderer.rect( plateSizeObj["nPlateStartX"], plateSizeObj["nPlateStartY"], plateSizeObj["nPlateDrawLength"], plateSizeObj["nPltDrawWidth"], { stroke: gb_pltStrokeColor, fill: gb_overRollColor } ); $(nPlateDrawObj).attr("id", "DRAW_PLATE" + plateSizeObj["plateIndex"]); $(nPlateDrawObj).attr("name", "Plate" + plateSizeObj["plateIndex"]); plateSizeObj["lastPlateLength"] = plateSizeObj["nPlateDrawLength"]; var plateOrd = rowValue["ORD_NO"] + "-" + rowValue["ORD_LN"]; var plateSize = rowValue["ORD_THK"] + "*" + rowValue["HRL_PROD_WTH_AIM"] + "*" + rowValue["DGN_PLT_LTH" + q]; var plateWgt = Math.round((rowValue["ORD_THK"] * rowValue["HRL_PROD_WTH_AIM"] * rowValue["DGN_PLT_LTH" + q] * steel_grvt) / Math.pow(10, 9) * 1000) / 1000; var toolTipCont = gb_tooltipMsg; toolTipCont = toolTipCont.replace("#ORD_NO_LN", plateOrd); toolTipCont = toolTipCont.replace("#ORD_FL", gb_multiLangNapo); toolTipCont = toolTipCont.replace("#SIZE", plateSize); toolTipCont = toolTipCont.replace("#WGT", plateWgt); $("#" + "DRAW_PLATE" + plateSizeObj["plateIndex"]).jqxTooltip({ position: 'mouse', content: toolTipCont }); plateSizeObj["plateIndex"] += 1; } } }); ``` - **遍历订单数据**:逐行处理订单数据,绘制每块板材。 - **计算板材尺寸**:根据订单数据计算每块板材的实际尺寸和位置。 - **绘制板材矩形**:使用 `renderer.rect` 方法绘制板材矩形,并设置边框和填充颜色。 - **添加工具提示**:为每个板材添加工具提示,显示订单号、尺寸和重量等信息。 ### 绘制最小值和最大值线及文本 ```javascript // 最小值线 renderer.line(minLineStartX, 0, minLineStartX, minLineEndY, { stroke: gb_minMaxLineColor, 'stroke-width': 4, 'stroke-dasharray': '2,5' }); // 最小值文本 renderer.text("" + mPlateMin, minLineStartX, 10, undefined, undefined, 0, { 'class': 'largeText', fill: gb_minMaxTextColor, stroke: gb_minMaxTextColor }, false, 'center', 'center', 'centermiddle'); // 最大值线 renderer.line(maxLineStartX, 0, maxLineStartX, maxLineEndY, { stroke: gb_minMaxLineColor, 'stroke-width': 4, 'stroke-dasharray': '2,5' }); // 最大值文本 renderer.text("" + mPlateMax, maxLineStartX, 10, undefined, undefined, 0, { 'class': 'largeText', fill: gb_minMaxTextColor, stroke: gb_minMaxTextColor }, false, 'center', 'center', 'centermiddle'); renderer.refresh(); ``` - **绘制最小值线**:在画布上绘制一条表示最小值的虚线。 - **绘制最小值文本**:在最小值线上方添加最小值的文本标签。 - **绘制最大值线**:在画布上绘制一条表示最大值的虚线。 - **绘制最大值文本**:在最大值线上方添加最大值的文本标签。 - **刷新绘图**:调用 `renderer.refresh()` 刷新绘图,使所有绘制的内容生效。 通过以上步骤,该函数实现了在一个指定的 HTML 元素内绘制板材设计图,并添加了相应的工具提示和标注。
阅读全文

相关推荐

最新推荐

recommend-type

python中如何设置代码自动提示

本文将详细介绍如何在PyCharm中设置代码自动提示,并拓展讨论其他编辑器的自动补全功能。 首先,让我们来看看如何在PyCharm中启用代码自动提示: 1. 打开PyCharm,这是由JetBrains开发的一款强大的Python集成开发...
recommend-type

Python模块包中__init__.py文件功能分析

在Python编程语言中,`__init__.py`文件在模块包结构中扮演着至关重要的角色。它是Python识别一个目录为包的关键。这篇文章将深入探讨`__init__.py`的功能及其在构建模块和包层次结构中的作用。 首先,理解Python的...
recommend-type

Camera代码分析资料

"Camera代码分析资料" Camera代码分析资料是Android系统自带的Camera源代码分析,主要介绍了Camera的...Camera代码分析资料提供了 Camera的架构、接口和实现机制的详细介绍,帮助开发者更好地理解和使用Camera功能。
recommend-type

python批量处理txt文件的实例代码

在Python编程中,批量处理文件是一项常见的任务,特别是在数据分析、日志分析或自动化脚本等场景。本实例主要讲解如何使用Python批量处理TXT文件,并进行特定数据处理,然后将处理结果写入Excel文件。以下是对代码的...
recommend-type

解决Android Studio 代码自动提示突然失效的问题

在Android开发中,Android Studio为开发者提供了诸多便捷的编码辅助功能,其中代码自动提示无疑是最受欢迎的功能之一。它极大地提高了开发效率和编码准确性,因此,当这一功能突然失效时,无疑会让开发者们感到困扰...
recommend-type

掌握JSON:开源项目解读与使用

资源摘要信息:"JavaScript Object Notation(JSON)是一种轻量级的数据交换格式,被广泛用于网络数据传输和存储。JSON 项目为各种编程语言提供了操作JSON对象的库。" 知识点: 1. JSON定义:JSON是JavaScript Object Notation的缩写,它是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。其基于JavaScript的一个子集,但JSON是完全独立的语言无关的文本格式。JSON可以替代XML在网络中进行数据交换,因为它更加简洁和易于解析。 2. JSON数据结构:JSON的数据结构主要包括两种:对象和数组。JSON对象是由键值对集合组成,类似于JavaScript中的对象字面量,而JSON数组是由值(可以是字符串、数字、布尔值、null、对象或数组)的有序列表组成。 3. JSON语法:JSON语法要求键(名称)必须是字符串,值可以是字符串、数字、布尔值、null、数组或对象。此外,JSON数据必须是有效的UTF-8编码的字符串。需要注意的是,JSON中没有变量声明,不支持注释,且数据结构必须是层次性的,不能有循环引用。 4. JSON在编程语言中的应用:由于JSON的通用性和简单性,它已成为现代web应用程序和服务之间数据交换的首选格式。许多现代编程语言都内置了对JSON的支持,或者有第三方库提供JSON处理功能。例如,JavaScript内置了对JSON的全面支持,其他语言如Python、Java、C#、PHP等也通过标准库或社区提供的库来支持JSON的解析和生成。 5. JSON库:在编程中处理JSON数据,通常会使用特定的库,这些库提供了对JSON数据进行序列化和反序列化的方法,即把对象转换为JSON格式的字符串,或者将JSON字符串解析回对象。例如,JavaScript的JSON对象提供了parse()和stringify()两个方法,分别用于解析JSON字符串和将对象转换为JSON字符串。 6. JSON与XML比较:JSON和XML都是用于数据交换的格式,但JSON格式更加简洁,并且对于脚本语言来说,解析和生成更为方便。JSON的优势在于它能够直接映射到JavaScript对象,这使得它在Web应用中非常流行。XML则更为复杂,具有更强的可扩展性,但其结构相对臃肿,对于简单的数据交换来说可能有些过重。 7. JSON开源项目:标题中提到的“开源”表明有关JSON的库是开放源代码的,这意味着这些库可以被免费使用和修改,开发者可以根据自己的需求对其进行改进或贡献代码。开源项目通常伴随着社区支持,这也是它们迅速发展和被广泛应用的一个重要原因。 8. 示例库:描述中提到了“ruby-json-1.1.2”,这是一个开源库的版本号,表明此库是用于Ruby语言的,专门用于处理JSON数据的库。通过这样的库,Ruby开发者可以方便地将Ruby对象与JSON格式进行转换,这在处理Web API和数据存储时非常有用。 总结:JSON作为一种数据交换格式,其轻量级、易于阅读和解析的特性使得它在现代网络应用中扮演着重要角色。JSON不仅语言无关,还具有广泛的标准库支持,并且是开源的,使得它成为了开发者在进行数据交换时的首选格式。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

苹果CMS v10接口对接深度指南

![苹果CMS v10接口对接深度指南](https://www.altexsoft.com/static/blog-post/2023/11/ba68ab05-95ee-4eaa-8478-a6d62085aabe.webp) 参考资源链接:[苹果CMS_v10成功对接TVBOX接口的教程和API](https://wenku.csdn.net/doc/3f6v6iey6q?spm=1055.2635.3001.10343) # 1. 苹果CMS v10接口对接概述 在当今快速发展的数字时代,内容管理系统(CMS)已成为网站和在线服务不可或缺的一部分。苹果CMS v10作为一套功能强大的
recommend-type

如果开环传递函数是10Ks/(s²+1),K是待求的系数,怎么在MATLAB里定义

在MATLAB中,如果你想定义一个简单的一阶导数加常数(1st order derivative plus a constant)形式的开环传递函数,它通常表示为 `Ts / (s + 1)`,其中 `Ts` 代表时间常数。如果给定的是 `10Ks/(s²+1)` 的形式,意味着这里还有一个积分环节,因此实际的传递函数需要两个极点,即一个在虚轴上(表示积分环节)。 如果你想要模拟 K 这个未知系数乘以 10 的情况,可以先定义一个通用的 s-domain 函数,然后赋值给 K。假设 `num` 表示分子多项式(包含 K),`den` 表示分母多项式,你可以这样做: ```matlab %
recommend-type

Ruby嵌入V8:在Ruby中直接运行JavaScript代码

资源摘要信息:"therubyracer项目允许开发者将V8 JavaScript解释器嵌入到Ruby应用程序中。这使得Ruby开发人员能够直接在Ruby代码内执行JavaScript代码,享受V8引擎带来的高性能和实时编译优化。通过这个gem(Ruby的包管理工具),用户能够创建JavaScript运行环境,进行JavaScript代码的执行和管理。 1. **项目安装和使用**:用户可以通过简单的命令安装therubyracer gem,如下: ``` gem install therubyracer ``` 安装完成后,在Ruby代码中引入'v8'库即可开始使用: ```ruby require 'v8' ``` 如果是在Rails等使用捆绑程序的框架中,则需要在Gemfile中添加: ```ruby gem "therubyracer" ``` 执行bundle install进行安装。 2. **V8 JavaScript解释器**:V8是Google开发的开源JavaScript引擎,用C++编写。V8引擎提供了高效的执行速度和较好的实时编译特性,能够将JavaScript代码编译成机器码直接在硬件上运行,这为执行复杂和高性能的JavaScript应用程序提供了可能。 3. **JavaScript和Ruby的交互**:通过therubyracer,Ruby开发者可以实现以下功能: - **在Ruby中评估JavaScript代码**:可以通过创建JavaScript上下文来执行JavaScript代码片段。 - **将Ruby对象嵌入JavaScript世界**:Ruby对象和方法可以被暴露给JavaScript环境,允许JavaScript代码访问和操作Ruby对象。 - **操纵JavaScript对象并从Ruby调用JavaScript函数**:可以在Ruby代码中直接操作JavaScript对象,调用JavaScript定义的函数,实现数据和逻辑的双向交互。 - **与Ruby Rhino兼容的API(对于JRuby)**:对于使用JRuby的开发者,therubyracer也提供了与Rhino引擎兼容的API,使得在JRuby环境中使用JavaScript更加方便。 4. **创建JavaScript上下文并执行代码**:使用V8::Context.new创建一个新的JavaScript执行上下文,并可以在这个上下文中执行JavaScript代码。例如: ```ruby cxt = V8::Context.new result = cxt.eval('7 * 6') puts result # 输出 42 ``` 上述代码展示了如何执行JavaScript表达式并获取结果。 5. **访问JavaScript上下文中的值**:从Ruby代码中访问在JavaScript上下文内定义的值也是可行的。这允许Ruby代码读取和利用JavaScript环境中计算出的数据。 6. **Ruby和JavaScript的互补**:therubyracer项目的引入,使得在Ruby应用中灵活地执行JavaScript成为可能。虽然Ruby在某些场景下执行效率不如JavaScript,但结合了V8引擎后,Ruby应用可以更容易地处理前端JavaScript逻辑,进行前后端的无缝对接。 7. **兼容性和限制**:尽管therubyracer提供了JavaScript和Ruby的交互功能,但并非所有JavaScript特性在嵌入到Ruby时都得到100%的支持。开发者在使用过程中可能需要关注特定功能的兼容性问题。 8. **开发和维护**:作为开源项目,therubyracer的开发和维护依赖于社区的贡献。用户在使用过程中遇到问题可以通过查看文档、搜索已有的邮件列表讨论或直接向项目提交问题。 9. **资源的扩展阅读**:开发者在深入使用therubyracer时,可能需要阅读更多关于V8引擎和JavaScript引擎优化的资料,以便更好地理解和利用这一工具的优势。 通过这些知识点,可以全面地了解therubyracer项目,并在Ruby应用程序中有效地嵌入和利用V8 JavaScript解释器。"