页面内容的处理方法、装置及电子设备制造方法及图纸

本公开涉及一种页面内容的处理方法、装置及电子设备，涉及计算机技术领域，其中方法包括：首先获取监测元素的当前尺寸信息；再根据所述监测元素的当前尺寸信息，调整容器元素的尺寸信息；然后依据调整后的所述容器元素的尺寸信息，对画布元素的尺寸进行调整，得到尺寸调整后的所述画布元素；进而将尺寸调整后的所述画布元素中的内容进行重绘，以生成页面的图像内容。通过应用本公开的技术方案，可在画布元素尺寸发生变化时，及时对画布元素绘制内容进行自适应调整，以满足在不同尺寸浏览器窗口中的页面内容展示效果。中的页面内容展示效果。中的页面内容展示效果。

【技术实现步骤摘要】
页面内容的处理方法、装置及电子设备


[0001]本公开涉及计算机
，尤其涉及一种页面内容的处理方法、装置及电子设备。

技术介绍

[0002]在万维网(World Wide Web，Web)端，Canvas画布元素像一个“画板”一样，主要被用于页面中某块区域图像的绘制。在绘制之前，Canvas画布元素需要明确地知道绘制区域的宽高尺寸。绘制完毕后，一旦Canvas画布元素的宽高发生改变(比如用户缩放浏览器窗口)，其中绘制的图像内容并不会一起动态改变，这会影响页面的展示效果。
[0003]为了解决这个问题，目前可预先固定Canvas画布元素的尺寸，使得绘制区域保持不变。然而这种方式会使得在屏幕较大的显示器上页面可能会留白较多，而在屏幕较小的显示器上可能元素会非常拥挤、图像不全，进而影响了页面内容的展示效果。

技术实现思路

[0004]有鉴于此，本公开提供了一种页面内容的处理方法、装置及电子设备，主要目的在于改善目前现有技术会影响页面内容展示效果的技术问题。
[0005]第一方面，本公开提供了一种页面内容的处理方法本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面内容的处理方法，其特征在于，包括：获取监测元素的当前尺寸信息；根据所述监测元素的当前尺寸信息，调整容器元素的尺寸信息；依据调整后的所述容器元素的尺寸信息，对画布元素的尺寸进行调整，得到尺寸调整后的画布元素；将所述尺寸调整后的所述画布元素中的内容进行重绘，以生成页面的图像内容。2.根据权利要求1所述的方法，其特征在于，所述监测元素和所述画布元素均为所述容器元素的子元素；所述监测元素的尺寸与作为父元素的所述容器元素的尺寸保持一致，并且所述容器元素的尺寸与作为子元素的所述画布元素的尺寸保持一致。3.根据权利要求1所述的方法，其特征在于，在所述获取监测元素的当前尺寸信息之前，所述方法还包括：创建所述容器元素和所述监测元素；将所述监测元素和所述画布元素插入所述容器元素中；注册所述监测元素的监测事件，建立所述监测事件与所述监测元素之间的对应关系。4.根据权利要求3所述的方法，其特征在于，所述获取监测元素的当前尺寸信息，具体包括：通过执行所述监测事件，基于监测到的浏览器窗口的缩放尺寸，确定所述监测元素的当前尺寸信息。5.根据权利要求3所述的方法，其特征在于，所述监测元素的透明度为预设阈值；和/或，所述监测元素兼容浏览器。6.根据权利要求1所述的方法，其特征在于，所述依据调整后的所述容器元素的尺寸信息，对画布元素的尺寸进行调整，得到尺寸调整后的所述画布元素，具体包括：获取所述容器元素尺寸调整后的宽度和高度；根据所述容器元素尺寸调整后的宽度和高度，调整所述画布元素的宽度和高度。7.根据权利要求6所述的方法，其特征在于，所述将所述尺寸调整后的画布元素中的内容进行重绘，以生成页面的...

【专利技术属性】
技术研发人员：齐浩政，陈卓，
申请(专利权)人：北京有竹居网络技术有限公司，
类型：发明
国别省市：