[发明专利]基于草图的网页生成方法和系统

权利要求书

1.一种基于草图的网页生成方法，其特征在于，所述方法包括：

识别所述草图以获取多个元素的元素信息，每个元素对应所述草图中的一个草图图案；

根据所述多个元素的元素信息，生成语法树；

根据所述语法树，生成网页代码；及

根据所述网页代码，生成与所述草图对应的目标网页。

2.根据权利要求1所述的基于草图的网页生成方法，其特征在于，每个元素分别通过预先定义的通用元素进行表示，所述每个元素的元素信息是按照所述通用元素的数据结构进行存储的；其中，所述通用元素的数据结构包括多个数据节点，所述多个数据节点包括元素标识、元素外部尺寸、元素内部尺寸、子元素列表数组、元素类型、父元素对象和背景颜色值。

3.根据权利要求1所述的基于草图的网页生成方法，其特征在于，识别所述草图以获取多个元素的元素信息，包括：

沿第一方向对所述草图进行第一次分割操作，以得到与所述第一次分割操作得到的多个区域，并为所述第一次分割操作得到的各个区域分别创建一个相应的元素；

重复执行第i次分割操作，直至当i＝j时，从所述草图中分割出所有的原子区域：对所述第i-1次分割操作得到的各个区域分别进行第i次分割操作：将所述第i-1次分割操作得到的多个区域中的不可分割区域确定为相应的原子区域；将所述第i-1次分割操作得到的多个区域中的可分割区域继续执行所述第i次分割操作，以得到与所述第i次分割操作得到的多个区域，并为所述第i次分割操作得到的各个区域分别创建一个相应的元素；

其中，i是初始值为2的正整数；当i为奇数时，所述第i次分割操作是沿所述第一方向进行分割的；当i为偶数时，所述第i次分割操作是沿第二方向进行分割的。

4.根据权利要求1所述的基于草图的网页生成方法，其特征在于，识别所述草图以获取多个元素的元素信息，包括：

裁剪所述草图中的边缘空白区域，得到所述草图中的待处理区域；

沿第一方向对所述待处理区域进行第一次分割操作，以得到与所述第一次分割操作得到的多个区域，并为所述第一次分割操作得到的各个区域分别创建一个相应的元素；

重复执行第i次分割操作，直至当i＝j时，从所述草图中分割出所有的原子区域：对所述第i-1次分割操作得到的各个区域分别进行第i次分割操作：将所述第i-1次分割操作得到的多个区域中的不可分割区域确定为相应的原子区域；将所述第i-1次分割操作得到的多个区域中的可分割区域继续执行所述第i次分割操作，以得到与所述第i次分割操作得到的多个区域，并为所述第i次分割操作得到的各个区域分别创建一个相应的元素；

其中，i是初始值为2的正整数；当i为奇数时，所述第i次分割操作是沿所述第一方向进行分割的；当i为偶数时，所述第i次分割操作是沿第二方向进行分割的。

5.根据权利要求1所述的基于草图的网页生成方法，其特征在于，识别所述草图以获取多个元素的元素信息，包括：

处理所述草图的背景颜色，以得到处理后的草图；

裁剪所述处理后的草图中的边缘空白区域，得到所述处理后的草图中的待处理区域；

沿第一方向对所述待处理区域进行第一次分割操作，以得到与所述第一次分割操作得到的多个区域，并为所述第一次分割操作得到的各个区域分别创建一个相应的元素；

重复执行第i次分割操作，直至当i＝j时，从所述草图中分割出所有的原子区域：对所述第i-1次分割操作得到的各个区域分别进行第i次分割操作：将所述第i-1次分割操作得到的多个区域中的不可分割区域确定为相应的原子区域；将所述第i-1次分割操作得到的多个区域中的可分割区域继续执行所述第i次分割操作，以得到与所述第i次分割操作得到的多个区域，并为所述第i次分割操作得到的各个区域分别创建一个相应的元素；

其中，i是初始值为2的正整数；当i为奇数时，所述第i次分割操作是沿所述第一方向进行分割的；当i为偶数时，所述第i次分割操作是沿第二方向进行分割的。