【技术实现步骤摘要】
本申请涉及人工智能，尤其涉及一种基于图像的前端代码生成方法、装置、设备及介质。
技术介绍
1、随着前端页面样式的更新迭代逐渐加快，各个终端需要对前端布局进行多次更新迭代，并有大量的前端布局需要开发人员开发，使得前端人员无法专注于开发前端业务逻辑代码。
2、为了提高前端开发效率，现有技术方案中通常采用前端低代码或后端低代码的方式。其中，前端低代码是指通过前端页面拖拽组件搭建可视化编辑应用，需要用户在页面进行拖拽组件，形成前端页面，这依赖于用户有一定的原型设计能力，对于使用者具有局限性，同时低代码前端的整体布局和界面是固定的，很难进行定制化开发。后端低代码是指通过拖拽的可视化操作，将原子api或数据源操作组装成新的api，其依赖于开发平台和模块的内置功能，且对开发人员不可见，可能导致安全漏洞。
3、因此，如何提供一种能够有效提高前端页面开发效率的技术方案，是本领域技术人员亟待解决的技术问题。
技术实现思路
1、本申请提供了一种基于图像的前端代码生成方法、装置、设备及介质，通过对前端页面图像中的组件进行切分识别，以生成前端页面代码，有效提高了前端页面的开发效率，降低了前端页面的开发成本和开发门槛。
2、根据本申请的一方面，提供了一种基于图像的前端代码生成方法，该方法包括：
3、对前端页面图像进行边缘提取，确定所述前端页面图像中至少一个边缘信息；
4、对所述至少一个边缘信息进行识别，确定至少一个组件的位置信息和类别信息；
<...【技术保护点】
1.一种基于图像的前端代码生成方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，对前端页面图像进行边缘提取，确定所述前端页面图像中至少一个边缘信息，包括：
3.根据权利要求2所述的方法，其特征在于，根据前端页面图像中各像素点的梯度、梯度强度和梯度方向，确定所述前端页面图像中的目标边缘像素点，包括：
4.根据权利要求2所述的方法，其特征在于，依次对各所述目标边缘像素点进行边缘路径搜索，确定所述前端页面图像中至少一个边缘信息，包括：
5.根据权利要求1所述的方法，其特征在于，对所述至少一个边缘信息进行识别，确定至少一个组件的位置信息和类别信息，包括：
6.根据权利要求5所述的方法，其特征在于，根据所述至少一个子组件的组件特征，确定至少一个组件的位置信息和类别信息，包括：
7.根据权利要求1所述的方法，其特征在于，根据所述至少一个组件的位置信息和类别信息，生成前端代码，包括：
8.一种基于图像的前端代码生成装置，其特征在于，所述装置包括：
9.一种电子设备，其特征在
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的基于图像的前端代码生成方法。
...【技术特征摘要】
1.一种基于图像的前端代码生成方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，对前端页面图像进行边缘提取，确定所述前端页面图像中至少一个边缘信息，包括：
3.根据权利要求2所述的方法，其特征在于，根据前端页面图像中各像素点的梯度、梯度强度和梯度方向，确定所述前端页面图像中的目标边缘像素点，包括：
4.根据权利要求2所述的方法，其特征在于，依次对各所述目标边缘像素点进行边缘路径搜索，确定所述前端页面图像中至少一个边缘信息，包括：
5.根据权利要求1所述的方法，其特征在于，对所述至少一个边缘信息进行识别，确定至少一个组件的...
【专利技术属性】
技术研发人员：赵春梅，侯俊燕，杨潇，
申请(专利权)人：中国农业银行股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。