The invention provides an online editor font design SVG system, including client, server and text to SVG communication system, the users to edit font server through the input text font according to the selected parameters required is converted to the standard SVG, returned to the browser or mobile APP, generated SVG only KB, the largest dozens of KB network transmission reached very quickly, without the user browser or mobile APP loading large font file that can be the fastest speed, minimum bandwidth, real-time access to unified font display.
【技术实现步骤摘要】
在线设计编辑器文字按需转SVG系统
本专利技术属于文字编辑
,具体涉及一种在线设计编辑器字体转SVG系统。
技术介绍
在浏览器或移动APP中实现印刷及在线宣传稿件的在线设计与编辑,因其模板化与便捷性,近几年在国内外发展迅速。而在线编辑与设计稿件免不了需要编辑文本,编辑器会提供多种字体供用户自由选择。但要在浏览器中显示不同的字体效果,特别是操作系统中默认并不自带的字体,浏览器需要完整加载所支持格式的字体之后才能渲染显示对应字体效果。国内流行的浏览器品牌很多,且不同品牌、不同版本的浏览器对于字体的解析标准并不相同,有支持高清字体渲染的,有不支持的。在不支持字体高清渲染的浏览器下非默认字体的显示都会有毛边,影响设计美感,无法让用户直接感受到最终成稿的真实效果。当前做的较好的国外在线设计编辑器,绝大多数只提供英文字体,英文字体因字符都在几百KB以内,所以在线加载完整字体可以很好的应对用户需求。但同样的解决方案在国内就无法适用用户需求了。用户在线编辑文本时,需要通过网络加载所需字体文件,相比只有几KB最多几百KB的英文字体,汉字字体因字符多(例如GB码字体包含6763个汉字,GBK码字体包含2万多个汉字),字体文件都比较大,小则2MB大则十几MB。在线加载这些中文字体文件往往需要几秒,带宽小的用户甚至需要十几秒的时间才能加载完所需字体,造成用户要看到字体渲染效果需要延迟等待很长时间,严重影响产品体验;另一方面因用户并不会用到字体文件中的所有字符,通常一个在线设计稿件中文字只有十几个到几百个不等,只占了所加载字体文件所有字符的0.075%-4%,也就是绝大部分的 ...
【技术保护点】
一种在线设计编辑器字体转换SVG系统,其特征在于,包括:客户端、文本字体转SVG服务器和交互通信系统,所述交互通信系统实现客户端与文本字体转SVG服务器之间的数据信息传递;所述客户端用于将客户提供的信息通过交互通讯系统传递给文本字体转SVG服务器,将服务器生成的文件返回给客户显示;所述文本字体转SVG服务器用于将文本字体转换成标准的SVG文件。
【技术特征摘要】
1.一种在线设计编辑器字体转换SVG系统,其特征在于,包括:客户端、文本字体转SVG服务器和交互通信系统,所述交互通信系统实现客户端与文本字体转SVG服务器之间的数据信息传递;所述客户端用于将客户提供的信息通过交互通讯系统传递给文本字体转SVG服务器,将服务器生成的文件返回给客户显示;所述文本字体转SVG服务器用于将文本字体转换成标准的SVG文件。2.如权利要求1所述在线设计编辑器字体转换SVG系统,其特征在于:所述客户端可以为WEB浏览器或移动APP客户端。3.如权利要求1或2所述在线设计编辑器字体转换SVG系统,其特征在于:所述文本字体SVG转换器包括node.js系统以及opentype.js系统。4.如权利要求1至3所述在线设计编辑器字体转换SVG系统,其特征在于:所述node.js系统负责建立监听服务,负责接收客户端请求、推送服务器结果。5.如权利要求1至4所述在线设计编辑器字体转换SVG系统,其特征在于:所述node.js系统非阻塞模式的IO处理结合express.js实现了高并发的在线设计编辑器字体按需转SVG的监听服务,既监听socket.io长连接的建立,又监听AJAX方式的请求。6.如权利要求1至5所述在线设计编辑器字体转换SVG系统,其特征在于:所述opentype.js系统负责将接收的文本及文本参数调用字体文件,并在字体文件中提取所需的字符,再将提取的字符按照文本字体、字号、加粗、倾斜、对齐、颜色等参数要求转换成标准SVG。7.如权利要求1至6所述在线设计编辑器字体转换SVG系统,其特征在于:所述交互通讯系统可以是SOCKET方式,也可以是AJAX方式。8.采用权利要求1至7所述系统在线设计编辑字体转SVG的方法,其特征在于,包括:第一步,通过客户端编辑文本,通过交互通讯系统实时向服务器发送请求;第二步,文本字体转SVG服务器获得客户端提交的文本及选择的字体、字号、加粗、倾斜、对其、颜色等相关信息,通过在文本字体转SVG服务器内部调用字体文件将所提交文本...
【专利技术属性】
技术研发人员:韩洪斐,王明,
申请(专利权)人:青岛创易智联网络有限公司,
类型:发明
国别省市:山东,37
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。