一种还原设计图到页面的方法及设备技术

本申请的目的是提供一种还原设计图至页面的方法及设备，本申请通过在开发页面上创建并悬浮与用户界面UI设计图对应的蒙层，UI设计图对应的蒙层为半透明的；获取开发页面的页面信息和UI设计图对应的蒙层的界面信息；将UI设计图对应的蒙层覆盖于开发页面上，并计算UI设计图对应的蒙层与开发页面之间的重合度；若重合度小于预置的重合度阈值，则调整界面信息和/或页面信息，直至UI设计图对应的蒙层与开发页面之间的重合度大于等于重合度阈值，实现了开发人员在开发过程中清晰的对比出开发页面与UI设计图的差别，并且开发人员可以通过调整信息，达到开发页面与UI设计图高度重合，极大的提高了开发人员开发的效率和质量。大的提高了开发人员开发的效率和质量。大的提高了开发人员开发的效率和质量。

【技术实现步骤摘要】
一种还原设计图到页面的方法及设备


[0001]本申请涉及计算机
，尤其涉及一种还原设计图到页面的方法及设备。

技术介绍

[0002]随着互联网技术越来越成熟，人们在日常生活中对互联网的需求也越来越大，比如，在保证应用软件高效流畅使用的前提下，应用页面也要求更加美观，简洁，这对互联网开发人员也增加了无形的压力。
[0003]在互联网开发人员网页开发的过程中，不仅是需要前端开发人员与后端开发人员的配合，使得应用软件高效流畅，还需要前端开发人员对UI设计师制作的应用页面设计图的还原，实现应用页面效果与设计效果高度接近，从而使得网页开发质量提升，用户使用满意程度增加。在现有技术中，前端开发人员需要对用户界面UI设计师制作的网页设计图通过代码进行实现，实现的效果与设计效果越接近，则还原度越高，指示开发质量越高，但开发人员在实际开发工作时，由于浏览器兼容性不同、不同开发人员的遗漏等多种原因，造成网页开发得到的应用页面与原用户界面UI的设计图有所差距；并且通过开发人员切换应用页面对比，使得对比结果存在很大的主观性，同时应用页面中细微差别将无法对本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种还原设计图至页面的方法，其中，所述方法包括：在开发页面上创建并悬浮与用户界面UI设计图对应的蒙层，所述UI设计图对应的蒙层为半透明的；获取所述开发页面的页面信息和所述UI设计图对应的蒙层的界面信息；将所述UI设计图对应的蒙层覆盖于所述开发页面上，并计算所述UI设计图对应的蒙层与所述开发页面之间的重合度；若所述重合度小于预置的重合度阈值，则调整所述界面信息和/或所述页面信息，直至所述UI设计图对应的蒙层与所述开发页面之间的重合度大于等于所述重合度阈值。2.根据权利要求1所述的方法，其中，所述调整所述界面信息和/或所述页面信息，直至所述UI设计图对应的蒙层覆盖于所述开发页面上时的重合度大于等于所述重合度阈值，包括：调整覆盖于所述开发页面上的所述UI设计图对应的蒙层的界面信息，直至所述UI设计图对应的蒙层与所述开发页面之间的重合度大于等于所述重合度阈值；或，调整所述开发页面的页面信息，直至所述UI设计图对应的蒙层与所述开发页面之间的重合度大于等于所述重合度阈值；或，同时调整所述开发页面的页面信息和覆盖于所述开发页面上的所述UI设计图对应的蒙层的界面信息，直至所述UI设...

【专利技术属性】
技术研发人员：徐傲，吴义良，
申请(专利权)人：上海万物新生环保科技集团有限公司，
类型：发明
国别省市：