一种报纸广告素材排版控制方法与流程

本发明涉及广告排版领域，更具体地，涉及一种报纸广告素材排版控制方法。

背景技术：

1、基于浏览器的报纸广告素材拖拽式排版系统；在网页前端技术react中，使用reactdnd,react-kit相关npm插件获取鼠标在窗口上相对于窗口顶点的坐标。结合一系列的自定义算法的操作，将鼠标操作的坐标位移绑定到鼠标所操作的相关元素上。现有方案大多只是在一个版面上进行拖拽操作，但没有涉及多个版面的拖拽,与相关匹配的控制算法。

技术实现思路

1、本发明针对现有技术中存在的技术问题，提供一种报纸广告素材排版控制方法，包括：

2、获取鼠标在画布上拖拽元素的轨迹以及停止拖拽时的放置位置，并获取被拖拽元素的属性信息，所述属性信息包括被拖拽元素的当前位置和原始位置，被拖拽元素的当前位置根据鼠标停止时的放置位置确定，所述画布上包括布置的多个广告版面；

3、根据被拖拽元素的当前位置与画布上各个广告版面的位置关系，确定被拖拽元素的目标放置位置，并控制被拖拽元素放置到所述目标放置位置。

4、本发明提供的一种报纸广告素材排版控制方法，针对客户的特别需求，解决了多个版面间素材的拖拽排版问题，并执行了相关的排版规则的前提下保证了性能的可行性。

技术特征：

1.一种报纸广告素材排版控制方法，其特征在于，包括：

2.根据权利要求1所述的报纸广告素材排版控制方法，其特征在于，根据被拖拽元素的当前位置与画布上各个广告版面的位置关系，确定被拖拽元素的目标放置位置，包括：

3.根据权利要求2所述的报纸广告素材排版控制方法，其特征在于，所述根据被拖拽元素的当前位置与画布上各个广告版面的位置关系，确定被拖拽元素放置的目标广告版面，包括：

4.根据权利要求3所述的报纸广告素材排版控制方法，其特征在于，所述被拖拽元素呈矩形块，判断所述广告版面中是否存在能够放置被拖拽元素的区域，若存在，则将所述广告版面作为目标广告版面，包括：

5.根据权利要求3所述的报纸广告排版控制方法，其特征在于，当存在两个广告版面的边框与被拖拽元素相交时，若其中只有第一广告版面中存在能够放置被拖拽元素的区域时，则将第一广告版面作为目标广告版面；

6.根据权利要求2所述的报纸广告排版控制方法，其特征在于，所述根据被拖拽元素的当前位置与所述目标广告版面内的每一个元素块之间的位置关系，确定被拖拽元素在所述目标广告版面的目标放置位置，包括：

7.根据权利要求6所述的报纸广告排版控制方法，其特征在于，所述重叠状态包括被拖拽元素覆盖所述元素块的边的位置，所述根据被拖拽元素与所述元素块的重叠状态，确定被拖拽元素的目标放置位置，包括：

8.根据权利要求7所述的报纸广告排版控制方法，其特征在于，所述根据覆盖的边的位置，确定被拖拽元素相对所述元素块的移动方向，包括：

9.根据权利要求1所述的报纸广告排版控制方法，其特征在于，还包括在鼠标在画布上拖拽元素的过程中，当被拖拽元素靠近其它元素块时，生成吸附线，所述吸附线是指被拖拽元素即将吸附其它元素块位置边线；

10.根据权利要求1所述的报纸广告素材排版控制方法，其特征在于，还包括：

技术总结
本发明提供一种报纸广告素材排版控制方法，包括：获取鼠标在画布上拖拽元素的轨迹以及停止拖拽时的放置位置，并获取被拖拽元素的属性信息，所述属性信息包括被拖拽元素的当前位置和原始位置，被拖拽元素的当前位置根据鼠标停止时的放置位置确定，所述画布上包括布置的多个广告版面；根据被拖拽元素的当前位置与画布上各个广告版面的位置关系，确定被拖拽元素的目标放置位置，并控制被拖拽元素放置到所述目标放置位置。本发明提供的方法针对客户的特别需求，解决了多个版面间素材的拖拽排版问题，并执行了相关的排版规则的前提下保证了性能的可行性。

技术研发人员：姚正帮
受保护的技术使用者：璞华国际科技（武汉）有限公司
技术研发日：
技术公布日：2024/3/27