图片可视化编辑方法、装置、设备和介质制造方法及图纸

本发明专利技术实施例公开了一种图片可视化编辑方法、装置、设备和介质，涉及图片编辑领域。该方法包括：响应于可视化编辑请求，若用户输入编辑区的元素为文字元素，则根据所述文字元素和所述文字元素的样式信息生成文字图片；根据所述文字图片，对所述编辑区中可见的文字元素进行渲染和显示；响应用户对编辑区的下载操作，向服务端发送包括所述文字图片的下载请求，指示服务端基于所述文字图片对编辑区的文字元素进行渲染，生成目标编辑图片。本发明专利技术实施例提供了一种图片可视化编辑方法、装置、设备和介质，实现来往在客户端浏览器渲染显示的文字的渲染效果与服务端渲染生成的文字的渲染效果一致，以及实现对任意尺寸和任意数量的图片的生成。

【技术实现步骤摘要】
图片可视化编辑方法、装置、设备和介质
本专利技术实施例涉及图片编辑领域，尤其涉及一种图片可视化编辑方法、装置、设备和介质。
技术介绍
目前在页面可视化编辑领域，需要用户在编辑页面中将不同的元素拖拽至编辑区，进而由编辑区域的各元素生成一个目标网页。目标网页可以是一个页面，也可以是一个图片广告物料。用户可以将目标网页以图片形式下载下来，用作目标网页的预览图片。当前，对编辑页面中编辑区的内容进行图片生成的方法有：(1)使用Phantomjs(一个基于webkit的JavaScriptAPI)或者headlessChrome方法实现，该方法包括：用户在编辑区编辑目标页面的内容，直到用户满意为止。此时在客户端的浏览器中生成有表示目标页面内容的html(超文本标记语言)代码。服务端收到浏览器发送的目标页面内容后会在服务端生成html代码。然后服务端对所生成的html代码使用Phantomjs或者headlessChrome进行渲染，渲染以后得到所对应的图片，然后将图片保存在对象存储，数据库或者文件系统中。(2)使用h本文档来自技高网...

【技术保护点】
1.一种图片可视化编辑方法，应用于客户端，其特征在于，包括：/n响应于可视化编辑请求，若用户输入编辑区的元素为文字元素，则根据所述文字元素和所述文字元素的样式信息生成文字图片；/n根据所述文字图片，对所述编辑区中可见的文字元素进行渲染和显示；/n响应用户对编辑区的下载操作，向服务端发送包括所述文字图片的下载请求，指示服务端基于所述文字图片对编辑区的文字元素进行渲染，生成目标编辑图片。/n

【技术特征摘要】
1.一种图片可视化编辑方法，应用于客户端，其特征在于，包括：
响应于可视化编辑请求，若用户输入编辑区的元素为文字元素，则根据所述文字元素和所述文字元素的样式信息生成文字图片；
根据所述文字图片，对所述编辑区中可见的文字元素进行渲染和显示；
响应用户对编辑区的下载操作，向服务端发送包括所述文字图片的下载请求，指示服务端基于所述文字图片对编辑区的文字元素进行渲染，生成目标编辑图片。


2.根据权利要求1所述的方法，其特征在于，所述根据所述文字元素和所述文字元素的样式信息生成文字图片，包括：
根据所述文字元素和所述文字元素的样式信息生成转图请求；
向服务端发送所述转图请求，指示服务端根据所述转图请求中的文字元素和文字元素的样式信息绘制文字图片；
接收服务端反馈的文字图片。


3.根据权利要求1所述的方法，其特征在于，所述对所述编辑区中可见的文字元素进行渲染,包括:
基于客户端浏览器内核的渲染机制，对所述编辑区所属页面的可见区域进行渲染，其中所述客户端浏览器内核的渲染机制与服务端浏览器内核的渲染机制不同。


4.根据权利要求1所述的方法，其特征在于，所述响应用户对编辑区的下载操作，向服务端发送包括所述文字图片的下载请求，包括：
响应用户对编辑区的下载操作，若编辑区存在除所述文字元素以外的其他元素，则向服务端发送包括所述文字图片和所述其他元素的下载请求，指示服务端基于所述文字图片和所述其他元素，对编辑区中的各元素进行渲染，生成目标编辑图片。


5.一种图片可视化编辑装置，应用于客户端，其特征在于，包括：
图片生成模块，用于响应于可视化编辑请求，若用户输入编辑区的元素为文字元素，则根据所述文字元素和所述文字元素的样式信息生成文字图片；
文字渲染模块，用于根据所述文字图片，对所述编辑区中可见的文字元素进行渲染和显示；
图片下载模块，用于响应用户对编辑区的下载操作，向服务端发送包括所述文字图片的下载请求，指示服务端基于所述文字图片对编辑区的文字元素进行渲染，生成目标编辑图片。


6.根据权利要求5所述的装置，其特征在于，所述图片生成模块，包括：
请求生成单元，用于根据所述文字元素和所述文字元素的样式信息生成转图请求；
请求发送单元，用于向服务端发送所述转图请求，指示服务端根据所述转图请求中的文字元素和文字元素的样式信息绘制文字图片；
图片接收单元，用于接收服务端反馈的文字图片。


7.根据权利要求5所述的装置，其特征在于，所述文字渲染模块,包括:
文字渲染单元，用于基于客户端浏览器内核的渲染机制，对所述编辑区所属页面的可见区域进行渲染，其中所述客户端浏览器内核的渲染机制与服务端浏览器内核的渲染机制不同。


8.一种图片可视化编辑方法，应用于服务端，其特征在于，包括：
接收客户端发送的包括文字图片的下载请求，其中所述客户端根据所述文字图片，对编辑区中可见的文字元素进行渲染和显示；
基于所述文字图片对编辑区的文字元素进行渲染，生成目标编辑图片。


9.根据权利要求8所述的方法，其特征在于，所述基于所述文字图片对编辑区的文字元素进行...

【专利技术属性】
技术研发人员：周亮，
申请(专利权)人：百度在线网络技术北京有限公司，
类型：发明
国别省市：北京;11