基于网页web端的拖拽式跨页面广告排版方法及系统

本发明公开了一种基于网页web端的拖拽式跨页面广告排版方法及系统，所述方法包括：在画布坐标系上，根据鼠标拖拽滑动轨迹确定拖拽素材的素材放置版面；基于素材放置版面确定拖拽素材的放置点版面坐标；在放置点版面坐标未超出素材放置版面的边界时，判断拖拽素材与被碰撞素材是否存在素材重叠；若存在素材重叠，则根据拖拽素材的放置点版面坐标和被碰撞素材的版面坐标通过预设碰撞位置推荐规则确定拖拽素材的推荐放置位置；基于推荐放置位置实现拖拽素材的跨页面广告排版。本发明将鼠标操作的坐标位移绑定到鼠标所操作的素材元素上，通过预设碰撞位置推荐的方式实现符合布局规则的放置位置，从而解决跨版面拖拽素材的重叠排版。