二维图形绘制方法及其系统.pdf

《二维图形绘制方法及其系统.pdf》由会员分享，可在线阅读，更多相关《二维图形绘制方法及其系统.pdf（21页完成版）》请在专利查询网上搜索。

1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 201911239872.2 (22)申请日 2019.12.05 (71)申请人 万翼科技有限公司 地址 519000 广东省珠海市横琴新区宝华 路6号105室-24914 （集中办公区） (72)发明人 赵伟玉 (74)专利代理机构 广州三环专利商标代理有限 公司 44202 代理人 熊永强 (51)Int.Cl. G06F 3/0484(2013.01) G06F 3/0482(2013.01) (54)发明名称 一种二维图形绘制方法及其系统 (57)摘要 本发明公开一种二。

2、维图形绘制方法， 用于在 线进行绘图设计； 所述方法包括以下步骤： 步骤 S1， 获取用户输入的登录信息， 登录用户账户； 步 骤S2， 获取用户在目标图形界面内选择的操作对 象以及输入的操作指令， 根据WebGL绘图规则按 照操作指令对操作对象执行绘制操作； 步骤S3， 将用户绘制完成的目标图形上传服务器进行保 存。 本发明还公开一种二维图形绘制系统， 用于 在线绘制二维图档， 并将绘制完成的二维图档保 存至云端服务器， 无需安装绘图软件， 突破了绘 图软件的限制， 节省本地存储空间， 提高了二维 图形的绘制效率。 权利要求书3页 说明书11页 附图6页 CN 111142744 A 202。

3、0.05.12 CN 111142744 A 1.一种二维图形绘制方法， 用于在线进行绘图设计； 其特征在于， 所述方法包括以下步 骤： 步骤S1， 获取用户输入的登录信息， 登录用户账户； 步骤S2， 获取用户在目标图形界面内选择的操作对象以及输入的操作指令， 根据WebGL 绘图规则按照操作指令对操作对象执行绘制操作； 步骤S3， 将用户绘制完成的目标图形上传服务器进行保存。 2.如权利要求1所述的一种二维图形绘制方法， 其特征在于， 所述步骤S1包括： 步骤S11， 获取用户输入的登录信息； 步骤S12， 将用户输入的登录信息上传至服务器， 并请求服务器验证登录信息； 步骤S13， 接收。

4、服务器返回的验证通过信息及账户信息， 并根据账户信息生成账户界 面。 3.如权利要求2所述的一种二维图形绘制方法， 其特征在于， 所述账户信息包括预存图 形， 所述步骤S2包括： 步骤S21， 获取用户在账户界面输入的预存图形获取指令， 并向服务器发送预存图形获 取请求； 步骤S22， 将服务器返回的预存图形确定为目标图形， 并向用户显示包括目标图形的目 标图形界面； 步骤S23， 获取用户在目标图形界面里选择的操作对象以及针对操作对象输入的操作 指令， 根据WebGL绘图规则对操作对象执行操作； 步骤S24， 将用户选择的操作对象以及用户针对操作对象输入的操作指令上传至服务 器， 请求服务器。

5、根据用户选择的操作对象以及针对操作对象输入的操作指令更新服务器内 与目标图形对应的预存图形。 4.如权利要求3所述的一种二维图形绘制方法， 其特征在于， 所述步骤S3包括： 步骤S31， 获取用户输入的目标图形上传指令， 将用户完成的目标图形上传至服务器， 并请求服务器将所述目标图形保存至用户的账户信息； 步骤S32， 请求服务器将用户上传的目标图形与最近一次更新的预存图形对比， 若用户 上传的目标图形与预存图形不一致， 则服务器将用户上传的目标图形保存为预存图形。 5.如权利要求3所述的一种二维图形绘制方法， 其特征在于， 所述目标图形界面包括共 享图标， 所述步骤S2还包括： 步骤S25，。

6、 通过共享图标获取用户输入的共享指令及指定账号， 向服务器发送共享图形 请求， 并将用户选定的目标图形上传至服务器， 请求服务器将该目标图形共享给指定账号； 步骤S26， 服务器接收到目标图形后， 根据目标图形更新账户信息中的预存图形； 步骤S27， 服务器向指定账号发送共享请求， 向接受共享请求的账号发送预存图形， 将 接受共享请求的指定账号与输入共享指令的用户账号绑定为共享用户账号； 步骤S28， 服务器接收共享用户账号中每个用户账号在目标图形中选择的操作对象以 及针对操作对象输入的操作指令， 并根据每个用户账号在目标图形中选择的操作对象以及 针对操作对象输入的操作指令对服务器内的预存图形。

7、进行更新； 步骤S29， 服务器将共享用户账号中每个用户账号上传的操作对象以及针对操作对象 输入的操作指令转发给共享用户账号中其他的用户账号， 并对其他的用户账号的目标图形 权利要求书 1/3 页 2 CN 111142744 A 2 界面内显示的目标图形进行更新。 6.一种二维图形绘制系统， 其特征在于， 所述二维图形绘制系统包括： 账号登录模块， 用于获取用户输入的登录信息， 登录用户账户； 操作获取模块， 用于获取用户在目标图形界面内选择的操作对象以及输入的操作指 令， 根据WebGL绘图规则按照操作指令对操作对象执行绘制操作； 图形保存模块， 用于将用户完成的目标图形上传服务器进行保存。

8、。 7.如权利要求6所述的一种二维图形绘制系统， 其特征在于， 所述账号登录模块包括： 登录信息获取模块， 用于获取用户输入的登录信息； 登录信息验证模块， 用于将用户输入的登录信息上传至服务器， 并请求服务器验证登 录信息； 账户界面生成模块， 用于接收服务器返回的验证通过信息及账户信息， 并根据账户信 息生成账户界面。 8.如权利要求7所述的一种二维图形绘制系统， 其特征在于， 所述账户信息包括预存图 形， 所述操作获取模块包括： 预存图形获取模块， 用于获取用户在账户界面输入的预存图形获取指令， 并向服务器 发送预存图形获取请求； 目标图形确定模块， 用于将服务器返回的预存图形确定为目标。

9、图形， 并向用户显示包 括目标图形的目标图形界面； 操作执行模块， 用于获取用户在目标图形界面里选择的操作对象以及针对操作对象输 入的操作指令， 根据WebGL绘图规则对操作对象执行操作； 预存图形更新模块， 用于将用户选择的操作对象以及用户针对操作对象输入的操作指 令上传至服务器， 请求服务器根据用户选择的操作对象以及针对操作对象输入的操作指令 更新服务器内与目标图形对应的预存图形。 9.如权利要求8所述的一种二维图形绘制系统， 其特征在于， 所述图形保存模块包括： 目标图形上传模块， 用于获取用户输入的目标图形上传指令， 将用户完成的目标图形 上传至服务器， 并请求服务器将所述目标图形保存。

10、至用户的账户信息； 预存图形保存模块， 用于请求服务器将用户上传的目标图形与最近一次更新的预存图 形对比， 若用户上传的目标图形与预存图形不一致， 则服务器将用户上传的目标图形保存 为预存图形。 10.如权利要求7所述的一种二维图形绘制系统， 其特征在于， 所述目标图形界面包括 共享图标， 所述操作获取模块还包括： 共享指令获取模块， 用于通过共享图标获取用户输入的共享指令及指定账号， 向服务 器发送共享图形请求， 并将用户选定的目标图形上传至服务器， 请求服务器将该目标图形 共享给指定账号； 目标图形接收模块， 用于服务器接收到目标图形后， 根据目标图形更新账户信息中的 预存图形； 共享账号。

11、绑定模块， 用于服务器向指定账号发送共享请求， 向接受共享请求的账号发 送预存图形， 将接受共享请求的指定账号与输入共享指令的用户账号绑定为共享用户账 号； 权利要求书 2/3 页 3 CN 111142744 A 3 共享操作接收模块， 用于服务器接收共享用户账号中每个用户账号在目标图形中选择 的操作对象以及针对操作对象输入的操作指令， 并根据每个用户账号在目标图形中选择的 操作对象以及针对操作对象输入的操作指令对服务器内的预存图形进行更新； 目标图形更新模块， 用于服务器将共享用户账号中每个用户账号上传的操作对象以及 针对操作对象输入的操作指令转发给共享用户账号中其他的用户账号， 并对其他。

12、的用户账 号的目标图形界面内显示的目标图形进行更新。 权利要求书 3/3 页 4 CN 111142744 A 4 一种二维图形绘制方法及其系统 技术领域 0001 本发明涉及互联网技术领域， 尤其涉及一种二维图形绘制方法及其系统。 背景技术 0002 现有的二维图形绘制软件主要包括Auto CAD、 Coreldraw、 Adobe illustrator等， 这类二维图形绘制软件均需要用户在官方网站下载应用软件， 并按照要求在终端进行安 装， 安装并注册完成后， 用户便可以在该终端上进行二维图形的绘制， 随着科技的发展， 这 类绘图软件也被应用到了各行各业， 相比于手绘图形， 该绘图软件加。

13、快了用户绘图的速度， 提高了绘图效率。 0003 但是， 在用户通过绘图软件绘制完图形后， 绘图软件只能将绘制的图形文件保存 于安装了该软件的终端， 用户需要转移存储时， 还要采用移动存储介质对绘制的图形进行 复制， 给绘图工作带来了很多不便。 另外， 当用户的终端没有安装这类绘图软件时， 便无法 打开已有的图形文件， 图形文件的阅览也受到绘图软件的限制， 且这类绘图软件绘制的图 形文件大多数还受限于绘图软件的版本或类别； 如何解除绘图软件对二维图形的绘制及存 储的限制， 提高二维图形绘制的效率成为一大难题。 发明内容 0004 本发明的目的是克服现有技术中的不足， 提供一种二维图形绘制方法及。

14、其系统， 用于解除绘图软件对二维图形的绘制及存储的限制， 提高二维图形绘制的效率。 0005 为解决上述技术问题， 本发明提供一种二维图形绘制方法， 用于在线进行绘图设 计， 所述方法包括以下步骤： 0006 步骤S1， 获取用户输入的登录信息， 登录用户账户； 0007 步骤S2， 获取用户在目标图形界面内选择的操作对象以及输入的操作指令， 根据 WebGL绘图规则按照操作指令对操作对象执行绘制操作； 0008 步骤S3， 将用户绘制完成的目标图形上传服务器进行保存。 0009 本发明还提供一种二维图形绘制系统， 所述二维图形绘制系统包括： 0010 账号登录模块， 用于获取用户输入的登录信。

15、息， 登录用户账户； 0011 操作获取模块， 用于获取用户在目标图形界面内选择的操作对象以及输入的操作 指令， 根据WebGL绘图规则按照操作指令对操作对象执行绘制操作； 0012 图形保存模块， 用于将用户完成的目标图形上传服务器进行保存。 0013 本发明提供的一种二维图形绘制方法及其系统， 用户通过登录账户， 在目标图形 界面选择操作对象并输入操作指令， 所述平台根据WebGL绘图规则执行用户输入的操作指 令， 突破了绘图软件对图形绘制的限制， 且绘制完成的二维图形可以保存于服务器中， 方便 用户随时查阅或修改， 提高了绘图效率， 增加了用户体验。 说明书 1/11 页 5 CN 11。

16、1142744 A 5 附图说明 0014 为了更清楚地说明本发明实施例的技术方案， 下面将对实施方式中所需要使用的 附图作简单地介绍， 显而易见地， 下面描述中的附图是本发明一些实施方式， 对于本领域普 通技术人员来讲， 在不付出创造性劳动的前提下， 还可以根据这些附图获得其他的附图。 0015 图1是本发明一实施例中的一种二维图形绘制方法的流程图。 0016 图2是图1中步骤S1的子流程图。 0017 图3是图1中步骤S2的第一部分子流程图。 0018 图4是本发明一实施例中的目标图形界面的界面示意图。 0019 图5是图1中步骤S3的子流程图。 0020 图6是图1中步骤S2的第二部分子。

17、流程图。 0021 图7是本发明一实施例中的一种二维图形绘制系统的结构框图。 0022 图8是图6中账号登录模块的结构框图。 0023 图9是图6中操作获取模块的第一结构框图。 0024 图10是图6中图形保存模块的结构框图。 0025 图11是图6中操作获取模块的第二结构框图。 具体实施方式 0026 下面将结合本发明实施例中的附图， 对本发明实施例中的技术方案进行清楚、 完 整地描述， 显然， 所描述的实施例仅仅是本发明一部分实施例， 而不是全部的实施例。 基于 本发明中的实施例， 本领域普通技术人员在没有付出创造性劳动前提下所获得的所有其他 实施例， 都属于本发明保护的范围。 0027 。

18、本发明实施例的描述中， 需要理解的是， 术语 “第一” 、“第二” 仅是为了便于描述本 发明和简化描述， 因此不能理解为对本发明的限制。 0028 请参阅图1， 图1是本发明一实施例中的一种二维图形绘制方法的流程图。 0029 如图1所示， 本发明提供一种二维图形绘制方法， 用于在线进行绘图设计； 所述方 法包括以下步骤： 步骤S1， 获取用户输入的登录信息， 登录用户账户； 步骤S2， 获取用户在目 标图形界面内选择的操作对象以及输入的操作指令， 根据WebGL绘图规则按照操作指令对 操作对象执行绘制操作； 步骤S3， 将用户绘制完成的目标图形上传服务器进行保存。 0030 从而， 本发明提。

19、供的一种二维图形绘制方法， 用户通过登录用户账户， 在目标图形 界面选择操作对象并输入操作指令， 所述平台根据WebGL绘图规则执行用户输入的操作指 令， 突破了绘图软件对图形绘制的限制， 且绘制完成的二维图形可以保存于服务器中， 方便 用户随时查阅或修改， 提高了绘图效率， 增加了用户体验。 0031 请参阅图2， 图2是图1中步骤S1的子流程图。 0032 在一些实施例中， 所述步骤S1包括： 步骤S11， 获取用户输入的登录信息； 步骤S12， 将用户输入的登录信息上传至服务器， 并请求服务器验证登录信息； 步骤S13， 接收服务器 返回的验证通过信息及账户信息， 并根据账户信息生成账户。

20、界面。 0033 其中， 所述二维图形， 是指在一个平面中绘制的不包含深度信息的平面图形。 本实 施例中的二维图形是指用户在绘图界面通过绘图工具绘制的平面图形。 0034 所述登录信息是指在登录界面输入的能够证明用户身份的信息， 例如用户的账 说明书 2/11 页 6 CN 111142744 A 6 号、 名称、 密码等； 所述登录信息一般是用户注册账户时输入的注册信息； 本实施例中， 所述 登录界面是用户利用终端的浏览器进入绘图网站后， 点击登录图标跳转进入的登录网页。 0035 所述用户账户是指平台核实用户输入的注册信息后， 在服务器内为用户开设的账 户。 为用户开设账户的同时， 服务器。

21、会自动为该账户分配账号； 所述账号与所述用户账户相 互绑定。 所述账号用于区分不同的账户。 0036 开设账户时， 用户在终端输入注册信息， 所述终端将注册信息上传至服务器， 所述 服务器接收所述注册信息， 并判断该注册信息是否曾在该平台注册过账户， 若该用户未曾 注册过账户时， 所述服务器会开设一个账户， 并将终端上传的注册信息存储于所述账户内， 且服务器会随机分配一个的账号与该账户绑定； 所述注册信息包括用户的手机号、 身份证 号、 通信软件账号等具有识别性的信息， 这类具有识别性的信息亦可以作为用户在登录账 户时输入的登录信息。 0037 所述账户信息是指用户上传至服务器， 并存储于用户。

22、账户内的信息； 所述账户信 息包括用户注册时上传的注册信息以及用户绘制的图形等。 0038 本发明主要应用于网站、 系统等可以连接互联网的即时服务平台， 所述服务平台 架构在服务器上， 用户通过终端的浏览器访问该平台的网站； 访问时， 所述终端向所述平台 所在的服务器发出访问请求， 所述服务器响应访问请求后， 用户即可通过网页与服务器进 行交互， 从而实现在线绘制二维图形。 0039 所述终端包括中央处理单元(Central Processing Unit， CPU)， 还可以是其他通 用处理器、 数字信号处理器(Digital Signal Processor， DSP)、 专用集成电路 (。

23、Application Specific Integrated Circuit， ASIC)、 现场可编程门阵列(Field- Programmable Gate Array， FPGA)或者其他可编程逻辑器件、 分立门或者晶体管逻辑器件、 分立硬件组件等。 通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器 等， 所述中央处理单元是所述终端的数据处理中心， 利用有线或者无线线路连接终端的各 个元器件。 所述终端上安装有访问服务器的应用软件， 例如浏览器。 0040 所述WebGL绘图规则， 即Web Graphics Library， 是一种绘图协议， 亦是一种绘图 技术标准， 该。

24、绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起， 通过增加 OpenGL ES 2.0的一个JavaScript绑定， WebGL可以为HTML5Canvas提供硬件加速渲染， 使得 用户借助终端的系统显卡在浏览器里更流畅地显示图形， 除此以外， 基于WebGL绘图规则还 能创建复杂的导航和数据视觉化。 0041 具体的， 用户通过在所述终端的浏览器网址框输入绘图的网址以及访问指令， 所 述终端根据访问指令向服务器发送访问请求。 0042 所述服务器响应终端的访问请求， 并将存储在服务器的网页数据下发给所述终 端。 0043 所述终端接收服务器下发的网页数据后， 。

25、根据网页数据在浏览器中显示对应的网 页信息， 所述网页信息包括登录图标， 用户通过点击所述网页上的登录图标向所述终端输 入登录指令， 所述终端根据用户输入的登录指令， 向所述服务器发送登录请求。 0044 所述服务器响应所述终端的登录请求， 并向所述终端发送登录界面。 0045 所述终端接收到服务器下发的登录界面后， 将所述登录界面显示给用户， 所述登 录界面中包括需要用户填写的登录项和确认登录图标等， 用户在所述登录项内对应输入登 说明书 3/11 页 7 CN 111142744 A 7 录信息， 并通过点击所述登录界面中的确认登录图标向所述终端输入确认登录指令， 所述 终端根据用户输入的。

26、确认登录指令将用户输入的登录信息上传至所述服务器， 并请求所述 服务器对上传的登录信息进行验证。 0046 所述服务器接收到所述终端上传的登录信息后， 在服务器内根据所述登录信息查 找对应用户账户以及账户内的注册信息， 并将登录信息与所述账户内的注册信息进行对 比， 若对比结果一致， 则所述服务器向所述终端返回验证通过信息， 并将账户信息发送给终 端。 0047 所述终端接收到所述服务器返回的验证通过信息以及账户信息后， 根据账户信息 生成账户界面， 并将账户界面显示给用户。 0048 在其他实施例中， 用户可以在所述登录界面输入手机号， 并授权终端将手机号发 送给服务器进行验证， 所述服务器。

27、向所述手机号发送验证信息， 用户的接收到验证信息后， 在所述登录界面输入验证信息， 从而完成验证过程。 0049 在其他实施例中， 所述网站得到用户授权后， 控制开启终端摄像头， 采集用户面部 特征数据， 并将采集到的用户面部特征数据上传至服务器， 所述服务器将采集到的用户面 部特征数据与用户注册账户时上传的预存面部特征数据进行对比， 当用户面部特征数据与 预存面部特征数据的相似度达到预设相似度时， 即验证通过， 反之， 则验证失败。 0050 在其他实施例中， 所述登录界面包括注册图标； 用户可以通过点击所述登录界面 上的注册图标注册账户， 用户通过所述终端填写完注册信息并上传服务器后， 所。

28、述服务器 检测到该用户为首次登录时， 即自动为用户登录所述账户， 所述终端杆动跳转至账户界面， 从而避免繁琐的登录过程。 0051 从而， 通过用户输入登录信息， 并登录用户账户， 对用户的身份进行验证， 避免发 生用户信息泄露或用户账户被盗用的情况， 用户信息分开管理， 保证了用户账户安全， 保护 了用户隐私， 增加了用户体验。 0052 请参阅图3和图4， 图3是图1中步骤S2的第一部分子流程图； 图4是本发明一实施例 中的目标图形界面的界面示意图。 0053 如图3所示， 在一些实施例中， 所述账户信息包括预存图形， 所述步骤S2包括： 步骤 S21， 获取用户在账户界面输入的预存图形获。

29、取指令， 并向服务器发送预存图形获取请求； 步骤S22， 将服务器返回的预存图形确定为目标图形， 并向用户显示包括目标图形的目标图 形界面； 步骤S23， 获取用户在目标图形界面里选择的操作对象以及针对操作对象输入的操 作指令， 根据WebGL绘图规则对操作对象执行操作； 步骤S24， 将用户选择的操作对象以及用 户针对操作对象输入的操作指令上传至服务器， 请求服务器根据用户选择的操作对象以及 针对操作对象输入的操作指令更新服务器内与目标图形对应的预存图形。 0054 其中， 所述账户界面是指包含账户信息的网页界面， 所述终端浏览器接收到服务 器传送的账户信息后， 根据预设的界面模板提取账户信。

30、息， 并填充进界面模板的对应位置， 生成账户界面； 所述账户界面可以显示用户的预存图形、 各种指令图标等； 所述指令图标是 指用户输入指令时需要通过点击来实现指令输入的图标， 例如新建图标、 预存图形获取图 标、 打开图标、 上传图标等。 0055 所述预存图形是指用户存储于服务器的账户信息中的图形； 所述预存图形包括用 户上传的本地图形或用户之前登录账户后在网页绘制并上传服务器的图形； 其中， 用户可 说明书 4/11 页 8 CN 111142744 A 8 以在账户界面通过点击上传图标输入上传指令， 所述终端将用户选定的本地图形上传至服 务器， 并存储为用户账户内的账户信息； 所述本地图。

31、形可以是用户通过终端上的绘图软件 绘制的图形文件。 0056 所述预存图形获取指令是指用户通过点击账户界面上显示的预存图形获取图标 输入的指令； 所述预存图形获取图标是预先设置于账户界面的图标， 用户可以通过点击该 图标获取服务器中的预存图形。 当所述服务器检测到用户账户信息中未存储预存图形时， 则不显示所述预存图形获取图标， 并引导用户上传本地图形作为预存图形。 0057 所述目标图形是指用户作为绘制目标的图形； 所述目标图形可以为用户正在绘制 或者准备绘制的图形。 所述目标图形显示于用户终端的绘图网页中， 若所述目标图形被上 传至服务器保存， 即为预存图形。 0058 如图4所示， 所述目。

32、标图形界面是指终端根据所述目标图形生成的界面， 所述目标 图形界面包括目标图形以及各种操作工具图标； 本实施例中， 所述目标图形显示于所述目 标图形界面的中间位置， 所述操作工具图标整齐排列显示于所述目标图形界面的左侧； 所 述操作工具图标可以根据用户需求显示于目标图形界面的任何位置； 所述目标图形界面右 侧用于显示用户当前登录账户的账户信息以及账户信息中的预存图形， 用户可以通过点击 右侧的预存图形对所述目标图形界面中间显示的目标图形进行变换。 0059 所述操作对象是指在目标图形中显示的点、 线、 坐标以及坐标轴等可操作的图形 对象， 所述目标图形包括至少一个操作对象， 用户可以通过点击、。

33、 框选或圈选等方式选定至 少一个操作对象。 所述操作对象被选定后， 会转变为突出显示效果， 例如变色、 加粗等。 0060 所述针对操作对象输入的操作指令是指针对用户选定的操作对象， 用户输入的变 换指令； 所述变换指令代表用户欲对所述操作对象执行的变换操作； 所述操作指令包括移 动、 翻转、 对称、 复制、 镜像、 排列等指令， 输入操作指令与选定操作对象之间不存在先后关 系， 用户可以先选定操作对象， 再输入操作指令； 也可以先输入操作指令， 再选定操作对象； 用户可以通过点击目标图形界面左侧的操作工具图标输入操作指令， 也可以在目标图形界 面下方的指令输入框中手动输入操作指令。 0061。

34、 如图4所示， 具体的， 所述终端根据接收到的账户信息生成账户界面后， 用户可以 在账户界面中浏览预存图形的缩略图； 用户通过选定预存图形的缩略图向所述终端输入预 存图形获取指令， 所述终端获取与用户选定的预存图形的缩略图对应的预存图形识别信 息， 所述终端根据用户输入的预存图形获取指令以及预存图形识别信息生成预存图形获取 请求， 并将预存图形获取请求发送给服务器， 请求获取服务器的账户信息中存储的与预存 图形识别信息对应的预存图形。 0062 所述服器在该用户的账户信息中查找与所述预存图形识别信息对应的预存图形， 并将查找到的预存图形返回给所述终端。 0063 所述终端接收到服务器返回的预存。

35、图形后， 将所述预存图形确定为目标图形， 并 根据所述目标图形以及操作工具图标生成目标图形界面， 显示于网页中。 0064 所述终端获取用户在目标图形界面里选择的操作对象以及针对操作对象输入的 操作指令， 并根据WebGL绘图规则显示操作对象按照操作指令被执行操作的过程及操作结 果； 同时， 所述终端将用户选择的操作对象以及用户针对操作对象输入的操作指令实时上 传至服务器， 请求服务器在存储的与预存图形识别信息对应的预存图形中查找用户选择的 说明书 5/11 页 9 CN 111142744 A 9 操作对象， 并对查找到的操作对象执行用户针对操作对象输入的操作指令； 即， 所述服务器 根据用。

36、户对目标图形的操作， 在对于目标图形对应的预存图形执行同样的操作； 在每次服 务器执行完操作指令后， 所述服务器将执行后的预存图形替代原先存储的预存图形进行保 存， 从而完成对预存图形的更新。 0065 在其他实施例中， 所述目标图形界面中显示的账户信息还包括用户的好友账号信 息， 所述服务器可以根据用户上传的好友的姓名、 电话、 即时通信账号等信息， 在所述服务 器存储的所有账户的注册信息中查找好友的姓名、 电话、 即时通信账号等信息， 并获取查找 到的账户的账号作为好友账号显示在目标图形界面的账户信息中。 0066 在其他实施例中， 所述账户界面包括新建图标， 在用户账户信息中没有预存图形。

37、， 或者没有可选的预存图形时， 用户还可以点击账户界面的新建图标向所述终端输入新建图 形指令， 所述终端根据用户输入的新建图形指令， 向所述服务器发送新建图形请求； 所述服 务器接收到新建图形请求后， 将预先存储的新建图形界面返回给所述终端， 并在服务器存 储的账户信息中， 为用户新建一个的空白预存图形， 所述空白预存图形与所述新建图形相 对应； 所述终端接收到所述新建图形界面后， 将所述新建图形界面显示给用户， 并引导用户 使用绘图工具图标在所述新建图形界面中绘制目标图形； 所述新建图形界面包括操作工具 图标、 对应目标图形的区域显示为空白； 所述终端将用户在所述新建图形界面选择的操作 对象。

38、以及针对操作对象输入的操作指令实时上传至服务器， 并请求服务器根据操作对象以 及操作指令对空白预存图形进行更新。 0067 在其他实施例中， 所述目标图形界面包括模板库， 所述模板库包括各个领域的图 形模板， 例如各种型号、 种类的模具模板、 零件模板等； 用户可以通过调取对应的图形模板， 在所述目标图形界面中快速绘制目标图形； 除此以外， 用户还可以根据自己绘制的目标图 形建立模板， 并将建立的模板上传至服务器， 存储于所述账户信息中， 以便后期绘图时快速 调用； 除此以外， 用户还可以选择将自己建立的模板作为共享模板， 上传至平台公共模板 库， 供平台上所有的用户选择调用， 从而， 实现图。

39、形数据的共享， 提高了用户绘图的效率。 0068 在其他实施例中， 所述服务器会在预设步骤次数内存储终端上传的用户选择的操 作对象以及针对操作对象输入的操作指令， 并对该操作前后的预存图形进行保存， 在用户 需要恢复操作时， 所述服务器将当前预存图形恢复为预先保存的该操作执行前的预存图 形。 0069 在其他实施例中， 所述服务器在首次接收到终端上传的用户选择的操作对象以及 用户针对操作对象输入的操作指令后， 在更新预存图形之前将所述预存图形进行备份生成 备份件， 所述服务器根据接收到的终端上传的用户选择的操作对象以及用户针对操作对象 输入的操作指令， 对预存图形进行更新， 当用户最终没有保存。

40、修改后的目标图形时， 所述服 务器仍然按照备份件对所述预存图形进行保存， 防止用户对目标图形的错误操作导致预存 图形无法恢复。 0070 从而， 用户通过在所述目标图形界面选择操作对象， 并针对操作对象输入操作指 令， 所述终端根据WebGL绘图规则完成对目标图形的绘制， 突破了的绘图软件的限制， 用户 可以随时登陆绘图网站绘制图形， 降低了绘制图形的软件要求； 同时， 用户对目标图形的所 有操作都会被上传至服务器， 对服务器内的预存图形进行更新， 保证用户的操作可以实时 保存， 提高了用户绘图的效率。 说明书 6/11 页 10 CN 111142744 A 10 0071 请参阅图5， 图。

41、5是图1中步骤S3的子流程图。 0072 在一些实施例中， 所述步骤S3包括： 步骤S31， 获取用户输入的目标图形上传指令， 将用户完成的目标图形上传至服务器， 并请求服务器将所述目标图形保存至用户的账户信 息； 步骤S32， 请求服务器将用户上传的目标图形与最近一次更新的预存图形对比， 若用户 上传的目标图形与预存图形不一致， 则服务器将用户上传的目标图形保存为预存图形。 0073 其中， 所述目标图形上传指令是指用户将绘制完成的目标图形上传至服务器时输 入的指令， 用户可以通过点击所述目标图形界面的左上角的上传图标向所述终端输入目标 图形上传指令。 0074 所述完成的目标图形是用户决定。

42、不再继续进行绘制操作， 且欲上传服务器进行保 存的图形。 0075 具体的， 所述终端获取用户通过点击上传图标输入的目标图形上传指令， 将用户 绘制完成的目标图形上传至服务器， 请求服务器将用户上传的目标图形与最近一次更新后 的预存图形进行对比。 0076 所述服务器将用户上传的目标图形与最近一次更新的预存图形进行对比， 若对比 结果不一致， 说明用户在绘制目标图形时， 上传至服务器的用户选择的操作对象以及用户 针对操作对象输入的操作指令有误， 则将用户最终上传的目标图形保存为预存图形； 若对 比结果一致， 说明用户在绘制目标图形时， 上传至服务器的用户选择的操作对象以及用户 针对操作对象输入。

43、的操作指令准确无误， 则保存最近一次更新的预存图形。 0077 从而， 通过将用户上传的绘制完成的目标图形与最近一次更新的预存图形进行对 比， 确定用户之前上传服务器的操作对象以及操作指令是否存在误差， 避免用户在绘制目 标图形的过程中， 由于所述服务器未能及时更新预存图形， 造成了难以挽回的损失， 提高了 图形绘制的精确度。 0078 请参阅图6， 图6是图1中步骤S2的第二部分子流程图。 0079 在一实施例中， 所述目标图形界面包括共享图标， 所述步骤S2还包括： 步骤S25， 通 过共享图标获取用户输入的共享指令及指定账号， 向服务器发送共享图形请求， 并将用户 选定的目标图形上传至服。

44、务器， 请求服务器将该目标图形共享给指定账号； 步骤S26， 服务 器接收到目标图形后， 根据目标图形更新账户信息中的预存图形； 步骤S27， 服务器向指定 账号发送共享请求， 向接受共享请求的账号发送预存图形， 将接受共享请求的指定账号与 输入共享指令的用户账号绑定为共享用户账号； 步骤S28， 服务器接收共享用户账号中每个 用户账号在目标图形中选择的操作对象以及针对操作对象输入的操作指令， 并根据每个用 户账号在目标图形中选择的操作对象以及针对操作对象输入的操作指令对服务器内的预 存图形进行更新； 步骤S29， 服务器将共享用户账号中每个用户账号上传的操作对象以及针 对操作对象输入的操作指。

45、令转发给共享用户账号中其他的用户账号， 并对其他的用户账号 的目标图形界面内显示的目标图形进行更新。 0080 其中， 所述共享图标是设置于所述目标图形界面， 用于获取用户共享指令的图标， 所述共享图标被触发后， 所述终端即请求用户输入指定账号。 所述终端将当前的目标图形 共享到用户输入的指定账号， 也可以将用户选定的预存图形共享给用户输入的指定账号。 0081 所述共享指令是指用户想要将目标图形共享给其他用户共同绘制时向所述终端 发出的指令。 说明书 7/11 页 11 CN 111142744 A 11 0082 所述指定账号是指用户指定的共享账号， 所述指定账号可以是用户输入的账号， 也。

46、可以是用户在好友账号中选择的账号， 用户在所述好友账号中选择至少作为指定账号， 用户输入的指定账号对应的用户可以为在线用户， 也可是离线用户。 用户还可以输入通信 录中好友的电话、 即时通信软件中好友的账号等作为指定账号， 但该好友必须在所述绘图 平台注册有账号。 0083 所述共享用户账号类似于将发起共享请求的用户和接收共享请求的用户绑定为 一个群组， 所述发起共享请求的用户和接收共享请求的用户均为群组中的一员， 群组中每 个用户的操作都会对群组中的其他成员公开。 0084 具体的， 用户通过点击目标图形界面的共享图标向所述终端输入共享指令， 所述 终端获取用户输入的共享指令后， 请求用户输。

47、入需要共享的指定账号， 待获取用户输入至 少一个指定账号后； 所述终端根据用户输入的指定账号以及共享指令生成共享图形请求， 并将当前的目标图形以及共享图形请求一同上传至服务器。 0085 所述服务器在接收到用户选定需要共享的目标图形和共享图形请求后， 根据接收 到的目标图形更新该用户的账户信息中对应的预存图形。 并向所述共享图形请求中的指定 账户发送共享请求， 待所述指定账户回应服务器确定接受共享请求时， 所述服务器将所述 预存图形发送给接受共享请求的账户， 并将发起共享请求的用户账号与接受共享请求的指 定账号绑定为一组共享用户账号。 0086 所述接受共享请求的指定账号对应的终端在接收到服务。

48、器发送的预存图形后， 将 所述预存图形确定为目标图形， 根据目标图形生成目标图形界面， 所述接受共享请求的指 定账号的用户可以在目标图形界面里选择操作对象以及针对操作对象输入操作指令， 即允 许接受共享请求的指定账号的用户对目标图形进行绘制操作； 与此同时， 所述接受共享请 求的指定账号的终端将用户在目标图形界面里选择的操作对象以及针对操作对象输入的 操作指令上传至服务器并请求服务器对应更新预存图形。 0087 服务器实时接收所述共享用户账号中所有账号上传的选择的操作对象以及针对 操作对象输入的操作指令， 并根据每个账号上传的操作对象以及操作指令对服务器内对应 的预存图形进行更新； 再将共享用。

49、户账号中的每个账号上传的操作对象以及操作指令转发 给共享用户账号中其他的账号， 并要求其他的账号根据所述操作对象以及操作指令对目标 图形界面中的目标图形进行更新。 0088 所述共享用户账号中的其他用户账号接收到服务器发送的操作对象以及操作指 令后， 根据操作对象以及操作指令对目标图形界面中的目标图形进行更新。 0089 在其他实施例中， 所述服务器在接收到所述共享用户账号中的某个账号对目标图 形的绘制操作后， 根据该账号对目标图形的绘制操作对服务器内预存的图形进行更新， 并 将更新后的预存图形发送给共享用户账号中的其他用户账号， 并要求其他用户账号自行更 新自己目标显示界面中的目标图形。 0。

50、090 在其他实施例中， 接收共享请求的账号通过点击目标图形界面中的更新图标， 从 而实时从服务器接收其他用户账号对目标图形的绘制操作， 并对本地的目标图形进行更 新， 通过用户点击更新图标， 自行选择更新时间， 避免界面频繁更新， 造成系统不稳定。 0091 在其他实施例中， 所述共享图标被触发后， 所述终端请求发起共享请求的用户在 目标图形中划定共享区域， 所述终端将所述目标图形上传服务器， 所述服务器根据目标图 说明书 8/11 页 12 CN 111142744 A 12 形更新预存图形后， 将预存图形共享给指定账号， 但限制指定账号的用户只能在划定的共 享区域进行绘制， 无法对共享区。