在前端开发中，图片剪切上传功能是用户体验中不可或缺的一部分，尤其在移动设备和桌面PC端，用户常常需要对图片进行预处理后再上传。本文将详细介绍如何实现一个跨平台（H5和PC）的前端图片剪切上传功能，并提供一个名为"EditImage"的示例代码库作为参考。 我们要理解前端图片剪切的核心技术是基于HTML5的Canvas元素。Canvas提供了画布功能，允许我们动态绘制图形、图像，甚至进行复杂的图像处理。在图片剪切场景中，我们需要加载图片到Canvas，然后通过绘图API（如`drawImage`）来显示图片，接着利用`getImageData`和`putImageData`方法进行像素级别的操作，实现裁剪功能。 1. **HTML结构**：创建一个用于显示原始图片的``标签，一个用于预览剪切结果的``标签，以及必要的交互元素，如选择图片按钮和提交按钮。 2. **图片加载**：使用`FileReader` API读取用户选择的图片文件，通常通过``元素来触发文件选择。 3. **图片显示**：将读取到的图片数据转换成URL（`data:`开头），并设置到``的`src`属性，或者直接用这个URL调用`canvas.drawImage`绘制到画布上。 4. **剪切操作**：通过监听拖动事件或滑块改变事件，确定剪切区域的坐标和大小。这些坐标值可以用来限制`drawImage`方法的参数，只绘制剪切区域内的像素。 5. **剪切预览**：在另一个`canvas`上根据剪切区域绘制预览效果，这一步可以通过计算剪切比例，将剪切后的图像缩放至合适大小。 6. **图片导出**：当用户确认剪切后，利用`toDataURL`方法将剪切后的`canvas`转换为Base64编码的URL，这可以作为上传的图片数据。 7. **图片上传**：使用`XMLHttpRequest`或现代浏览器支持的`fetch` API，将Base64编码的图片数据发送到服务器。注意，由于Base64字符串可能包含非ASCII字符，可能需要在发送前进行URL编码。 8. **兼容性处理**：考虑到旧版浏览器可能不支持HTML5的一些特性，例如Canvas或FileReader，需要做好兼容性检查和备选方案，例如使用Flash或其他JavaScript库。 9. **移动端适配**：对于移动端，需要确保触屏操作的流畅性和响应性。可以使用`touchstart`、`touchmove`和`touchend`事件来代替鼠标事件，并优化手势识别。 10. **样式调整**：为了适应不同屏幕尺寸和设备，考虑使用响应式布局，使界面在PC和手机上都能正常显示。 在"EditImage"这个项目中，开发者已经实现了一个基本的图片剪切上传框架，你可以在此基础上进行定制化开发，如添加上传功能、美化UI或优化性能。记得在实际开发时，考虑到用户隐私和安全，确保正确处理文件数据，避免跨站脚本攻击（XSS）和其他安全风险。 通过以上步骤，我们可以构建一个高效且用户友好的跨平台前端图片剪切上传功能，提升应用的用户体验。不断迭代和优化，以满足日益增长的前端开发需求。

用python写了个实时显示金价小工具（功能单一）。 √可以嵌在桌面右下角，跟时间一样实时显示内外金价（每60秒刷新一次） √可设置开机启动（占用极小） ×无金价提醒功能（因为好多微信小程序都有现成的）

Delphi FMX PC端界面模板 简介 本仓库提供了一个Delphi FMX PC端的界面模板，适用于快速开发PC应用程序。该模板包含登录页面和主页面，并使用了TMS FMX控件，帮助开发者快速搭建美观且功能完善的PC端界面。 功能特点 登录页面：提供用户登录功能，支持用户名和密码输入。 主页面：包含常用功能模块，方便用户进行操作。 TMS FMX控件：使用了TMS FMX控件，提供了丰富的UI组件和功能。 使用说明 下载资源文件：从本仓库下载资源文件。 导入项目：将下载的资源文件导入到你的Delphi项目中。 配置TMS FMX控件：确保你的开发环境中已安装TMS FMX控件。 运行项目：编译并运行项目，即可看到登录页面和主页面。 注意事项 请确保你的Delphi开发环境已安装TMS FMX控件，否则可能会导致部分功能无法正常使用。 本模板仅供参考，开发者可以根据实际需求进行修改和扩展。 贡献 欢迎开发者提交改进建议或贡献代码，共同完善这个模板。 许可证 本资源文件遵循MIT许可证，详情请参阅LICENSE文件。

Delphi FMX（FireMonkey）是Embarcadero Technologies开发的一种跨平台的用户界面框架，主要用于构建Windows、macOS、iOS、Android等多平台的应用程序。这个“Delphi FMX PC端的界面模板”提供了在个人计算机上创建交互式用户界面的基础结构，包括登录和主页面的设计。 我们要理解TMS FMX控件是什么。TMS Software是一家提供第三方Delphi和C++Builder组件的公司，其TMS FMX控件集是一套丰富的组件库，为FireMonkey应用程序开发增加了许多功能和美观的界面元素。这些控件扩展了Delphi FMX的标准组件，提供了更高级的图形、布局、表格、图表和导航选项，使开发者能够设计出更专业、更个性化的应用界面。 在模板中，我们可能看到以下关键知识点： 1. **登录界面**：登录界面是任何应用的第一步，通常包含用户名和密码输入框、登录按钮，以及可能的“记住我”选项、注册或忘记密码链接等。在FMX中，可以使用TMS FMX的输入字段控件如TEdit和TPasswordEdit，配合TButton和可能的TCheckBox来实现这些功能。 2. **主页面**：主页面是用户进入应用后看到的主要视图，可能包含各种功能区或模块，如导航栏、侧滑菜单、自定义视图等。使用TLayout、TSplitter、TTabStrip或TTabControl等控件可以创建分隔和组织内容的不同区域。 3. **TMS FMX控件**：具体到TMS FMX组件，例如： - **TAdvGlowButton**：提供一种具有发光效果的按钮，增强用户体验。 - **TAdvGrid**：提供强大的表格展示和编辑功能，超越Delphi FMX内置的TGrid。 - **TAdvStringGrid**：类似于TAdvGrid，但专为文本数据设计，支持复杂的格式化和编辑功能。 - **TImageCollection**：用于管理图像集合，方便在多个控件间共享和动态切换图片。 - **TCloudButton**：设计出云状或类似效果的按钮，增加视觉吸引力。 4. **响应式设计**：FMX支持响应式设计，这意味着界面会根据屏幕尺寸自动调整布局，确保在不同设备上看起来都适宜。使用TAnchor和TRelativePanel等布局控件可以帮助实现这一目标。 5. **事件处理**：在Delphi FMX中，控件的事件处理是通过编写方法并与控件的事件属性关联来实现的，例如，登录按钮的OnClick事件可以触发验证用户凭据的代码。 6. **样式和皮肤**：FMX允许开发者通过StyleBook来定制应用的外观，包括字体、颜色、边框和动画效果。TMS FMX控件通常也支持自定义样式，使界面设计更加灵活。 7. **数据库集成**：如果模板中涉及登录和主页面，那么很可能需要数据库支持，如SQLite或FireDAC组件用于存储和检索用户信息。 通过理解和掌握这些知识点，开发者可以基于此模板快速创建自己的Delphi FMX应用程序，并进一步扩展功能以满足特定需求。在实际开发过程中，还需要考虑错误处理、安全性、性能优化等多方面因素。

推荐环境：linux系统 +centos+安装宝塔面板+Nginx php版本php7.4 【7.2版本官方推荐PHP版本7.4.】 安装好PHP7.4后到官网下载火鸟PHP扩展文件按照说明进行安装 1：把主程序文件包里的压缩文件主程序传到你网站根目录解压 2：再将数据库内的数据库上传到自己网站对应的数据库内。 3：配置网站数据库文件修改/include/dbinfo.inc.php 修改数据库连接信息，如果开启了redis，修改对应的参数 4：配置网站域名修改/include/config/siteConfig.inc.php找到：$cfg_basehost = '填写域名'; 将域名改成你自己的域名 找到第30，$cfg_cookieDomain 也改为自己域名，有两处需要修改

《SITMAN PC 外语复读机V2.0：高效学习的得力助手》 在语言学习的道路上，一款高效且实用的工具往往能起到事半功倍的效果。SITMAN PC 外语复读机V2.0就是这样一款专为语言学习者打造的软件，它以其绿色便携的特性，以及强大的复读功能，为用户提供了更加便捷、高效的外语学习体验。 复读机，顾名思义，主要功能在于重复播放某个片段，以帮助学习者反复听取、模仿和理解语言。SITMAN PC 外语复读机V2.0正是这一理念的完美体现。它不仅具备基础的复读功能，还融入了多项先进的技术，使得学习过程更为科学且有趣。 这款软件支持多种外语的学习，包括但不限于英语、法语、德语等，满足了不同学习者的需求。无论是初学者还是进阶者，都可以根据自己的学习进度和目标选择相应的语言进行练习。 SITMAN PC 外语复读机V2.0的界面设计简洁明了，操作流程直观易懂。用户可以轻松地导入音频教材，如MP3、WAV等常见格式的语音文件，或者直接连接到在线资源。在听的过程中，用户可以自由设定复读次数，精确到单词或句子级别，以强化对特定内容的理解和记忆。 此外，软件还提供了音标对照、变速播放和跟读对比等功能。音标对照帮助学习者准确掌握发音规则，变速播放则允许用户在快慢速播放中自由切换，适应不同难度的听力训练。跟读对比功能则通过比较用户的发音与原声，即时反馈发音的准确性，有助于提升口语能力。 更值得一提的是，SITMAN PC 外语复读机V2.0的绿色版本无需安装，解压即用，大大减少了系统资源的占用，同时也避免了安装过程中可能遇到的各种问题。这使得用户可以在任何电脑上快速启动，随时随地进行学习。 SITMAN PC 外语复读机V2.0是一款全面而实用的语言学习工具，无论是在家自学，还是在课堂辅助教学，都能发挥其独特的优势。配合其强大的复读功能和人性化的设计，用户可以更有效地提高外语听力和口语水平，实现语言学习的目标。同时，软件的持续更新和优化，如升级至V2.3版本，也表明了开发者致力于提供更优质服务的决心。对于每一位外语学习者来说，SITMAN PC 外语复读机都是值得信赖的伙伴。

《全面解析Pc_Access_for_S7-200SMART_V2.0：与西门子PLC的高效通信》 在工业自动化领域，西门子S7-200SMART系列PLC（可编程逻辑控制器）是广泛应用的控制系统。为了实现与这些设备的有效通信，西门子开发了一款名为Pc_Access的软件工具，其最新版本Pc_Access_for_S7-200SMART_V2.0提供了强大的数据交互功能。本文将深入探讨这一软件的特性、功能以及如何利用它来优化PLC编程和监控。 Pc_Access_for_S7-200SMART_V2.0是一款专为西门子S7-200SMART系列设计的PC通信软件。该软件允许用户通过以太网或串行接口直接与PLC进行数据交换，实现远程监控、诊断和编程。这极大地提升了工作效率，减少了现场操作的复杂性。 1. **通信方式**： - **以太网通信**：Pc_Access支持TCP/IP协议，使得S7-200SMART PLC可以通过局域网或互联网实现远程连接。这为分布式系统提供了便利，用户可以随时随地监控和控制PLC。 - **串行通信**：对于不具备以太网连接的环境，Pc_Access也能通过RS-232或RS-485接口进行串行通信，确保了兼容性。 2. **数据交换**： - **实时数据访问**：用户可以直接读取和写入PLC的输入/输出地址，获取运行状态，设置控制变量，实现实时监控和控制。 - **批量数据传输**：Pc_Access支持批量数据上传下载，方便进行程序调试和备份，同时降低了数据处理的时间成本。 3. **编程与诊断**： - **编程支持**：除了数据交换，Pc_Access还提供了编程功能，用户可以通过它编写、修改和上传PLC程序，使用Ladder Logic或Structured Text等编程语言。 - **故障诊断**：内置的诊断工具能够帮助用户快速定位和解决问题，提供详细的错误日志，简化了故障排查过程。 4. **集成应用**： - **Excel集成**：Pc_Access能与Microsoft Excel无缝对接，用户可以在Excel表格中直接读取和写入PLC数据，创建自定义的监控和报告系统。 - **VBA支持**：通过Visual Basic for Applications（VBA），用户可以编写宏来自动化复杂的任务，如数据采集、数据分析等。 5. **安全性**： - **权限管理**：软件具备用户权限设置功能，确保只有授权用户可以访问和修改PLC数据，保障了系统的安全运行。 Pc_Access_for_S7-200SMART_V2.0是西门子S7-200SMART系列PLC的理想伴侣，通过高效的数据交换和强大的编程功能，为工程师们提供了一个强大而灵活的工作平台。在实际应用中，结合合理的系统设计和操作流程，用户可以充分发挥其潜力，实现更智能、更高效的自动化控制。

仿钉钉后台自定义表单 预览地址： pc端自定义表单，手机端扫码预览 用到jquery + jquery-ui + artTemplate + webpack artTemplate模板 运行之前请先安装依赖 npm install 开发预览运行 npm run server 打包 npm run build