图形显示方法、装置和电子设备

技术领域

本公开实施例涉及计算机技术领域，具体涉及图形显示方法、装置和电子设备。

背景技术

目前，在文档中插入、绘制图形是非常高频的需求，例如，用户在写文档的过程中往往需要通过流程图来表达流程类信息。在现有的在线文档工具中，提供“图形绘制”功能的产品较少，且这类产品都尚未做到提供强大的图形绘制能力的同时支持针对图形的协同编辑。

发明内容

提供该公开内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该公开内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。

本公开实施例提供了一种图形显示方法、装置和电子设备，通过这种方式在对协同文档中的图形进行协同编辑时，可以使得编辑的图形在协同文档中以合理的尺寸显示出来。

第一方面，本公开实施例提供了一种图形显示方法，该方法包括：响应于接收到对协同文档中的图形进行更改的更改指令，获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度，其中，更改指令包括更改后的图形的尺寸；基于更改后的图形的尺寸和图形区块的宽度，确定图形区块的待显示比例；确定更改后的图形在待显示比例下的高度，基于更改后的图形在待显示比例下的高度，确定图形区块的待显示高度；在协同文档中以待显示高度显示呈现有更改后的图形的图形区块。

第二方面，本公开实施例提供了一种图形显示装置，包括：获取单元，用于响应于接收到对协同文档中的图形进行更改的更改指令，获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度，其中，更改指令包括更改后的图形的尺寸；第一确定单元，用于基于更改后的图形的尺寸和图形区块的宽度，确定图形区块的待显示比例；第二确定单元，用于确定更改后的图形在待显示比例下的高度，基于更改后的图形在待显示比例下的高度，确定图形区块的待显示高度；呈现单元，用于在协同文档中以待显示高度显示呈现有更改后的图形的图形区块。

第三方面，本公开实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如第一方面的图形显示方法。

第四方面，本公开实施例提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现如第一方面的图形显示方法的步骤。

本公开实施例提供的图形显示方法、装置和电子设备，通过响应于接收到对协同文档中的图形进行更改的更改指令，获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度；之后，基于上述更改后的图形的尺寸和上述图形区块的宽度，确定上述图形区块的待显示比例；而后，确定上述更改后的图形在上述待显示比例下的高度，基于上述更改后的图形在上述待显示比例下的高度，确定上述图形区块的待显示高度；最后，在上述协同文档中以上述待显示高度显示呈现有上述更改后的图形的上述图形区块。通过这种方式在对协同文档中的图形进行协同编辑时，可以使得编辑的图形在协同文档中以合理的尺寸显示出来。

附图说明

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。

图1是本公开的各个实施例可以应用于其中的示例性系统架构图；

图2是根据本公开的图形显示方法的一个实施例的流程图；

图3是根据本公开的图形显示方法的图形区块的待显示高度的一个示意图；

图4是根据本公开的图形显示方法的一个应用场景的示意图；

图5是根据本公开的图形显示方法的又一个实施例的流程图；

图6是根据本公开的图形显示装置的一个实施例的结构示意图；

图7是适于用来实现本公开实施例的电子设备的计算机系统的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。

需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。

需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

图1示出了可以应用本公开的图形显示方法的实施例的示例性系统架构100。

如图1所示，系统架构100可以包括编辑终端1011、1012，网络1021、1022，服务器103和跟随终端1041、1042。网络1021用以在编辑终端1011、1012和服务器103之间提供通信链路的介质。网络1022用以在服务器103和跟随终端1041、1042之间提供通信链路的介质。网络1021、1022可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用编辑终端1011、1012通过网络1021与服务器103交互，以发送或接收消息等，例如，用户可以使用编辑终端1011、1012向服务器103发送针对协同文档中的图形进行更改的更改指令。用户还可以使用跟随终端1041、1042通过网络1022与服务器103交互，以发送或接收消息等，例如，跟随终端1041、1042可以接收服务器103发送的针对协同文档中的图形进行更改的更改指令。编辑终端1011、1012和跟随终端1041、1042上可以安装有各种通讯客户端应用，例如文档编辑类应用、图形编辑类应用、即时通讯软件和企业协作平台。

编辑终端1011、1012可以响应于接收到用户对协同文档中的图形进行更改的更改指令，获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度；之后，可以基于上述更改后的图形的尺寸和上述图形区块的宽度，确定上述图形区块的待显示比例；而后，可以确定上述更改后的图形在上述待显示比例下的高度，基于上述更改后的图形在上述待显示比例下的高度，确定上述图形区块的待显示高度；最后，可以在上述协同文档中以上述待显示高度显示呈现有上述更改后的图形的上述图形区块。

跟随终端1041、1042可以响应于接收到编辑终端1011、1012利用服务器103所发送的对协同文档中的图形进行更改的更改指令，获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度；之后，可以基于上述更改后的图形的尺寸和上述图形区块的宽度，确定上述图形区块的待显示比例；而后，可以确定上述更改后的图形在上述待显示比例下的高度，基于上述更改后的图形在上述待显示比例下的高度，确定上述图形区块的待显示高度；最后，可以在上述协同文档中以上述待显示高度显示呈现有上述更改后的图形的上述图形区块。

编辑终端1011、1012和跟随终端1041、1042可以是硬件，也可以是软件。当编辑终端1011、1012和跟随终端1041、1042为硬件时，可以是具有扬声器并且支持信息交互的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机等。当编辑终端1011、1012和跟随终端1041、1042为软件时，可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务的多个软件或软件模块)，也可以实现成单个软件或软件模块。在此不做具体限定。

服务器103可以是提供各种服务的服务器。例如，服务器103可以接收编辑终端1011、1012发送的对协同文档中的图形进行更改的更改指令，并将接收到的对协同文档中的图形进行更改的更改指令发送给与编辑终端1011、1012共享上述共享文档的跟随终端1041、1042。

需要说明的是，服务器103可以是硬件，也可以是软件。当服务器103为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器103为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。

还需要说明的是，本公开实施例所提供的图形显示方法可以由编辑终端1011、1012执行，此时，图形显示装置可以设置于编辑终端1011、1012中。本公开实施例所提供的图形显示方法也可以由跟随终端1041、1042执行，此时，图形显示装置可以设置于跟随终端1041、1042中。

应该理解，图1中的编辑终端、网络、服务器和跟随终端的数目仅仅是示意性的。根据实现需要，可以具有任意数目的编辑终端、网络、服务器和跟随终端。

继续参考图2，示出了根据本公开的图形显示方法的一个实施例的流程200。该图形显示方法，包括以下步骤：

步骤201，响应于接收到对协同文档中的图形进行更改的更改指令，获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度。

在本实施例中，图形显示方法的执行主体(例如图1所示的编辑终端或跟随终端)可以检测是否接收到对协同文档中的图形进行更改的更改指令。上述更改指令可以包括更改后的图形的尺寸。上述更改指令可以包括更改类型，例如，在图形中增加部分元素、删除图形中的部分元素和修改图形中的部分元素。

在本实施例中，上述协同文档可以称为共享文档或在线文档，通常指的是在浏览器(而非电脑本地)里在线使用的文档工具，特点在于文档编写的内容是实时、自动保存的，并且支持多人协同编辑，即支持多人在同一时间编辑同一份文档。上述图形可以包括但不限于：流程图和UML(UML-Unified Model Language，统一建模语言)图。

在这里，上述协同文档中可以存在内置的“图形编辑器”，用户可以利用上述“图形编辑器”在上述协同文档中按需插入和编辑图形，编辑完成后图形可以以SVG(ScalableVector Graphics，可缩放的矢量图形)图片的形式存在于文档中，方便文档的阅读者阅读图形。

用户可以在上述协同文档中的“图形编辑器”中插入图形和编辑图形，编辑后的图形可以展示在上述协同文档中，用户也可以对编辑后的图形进行放大查看。“图形编辑器”中的图形通常是可协同编辑的图形，即支持多人对图形进行协同编辑，并可实时呈现图形的编辑过程。

作为示例，可以采用GraphEditor作为上述图形编辑器，在GraphEditor的基础上利用OT-JSON实现针对图形的协同编辑。OT-JSON是一种协同算法，在多人编辑流程图时可以自动解决冲突的机制。

若接收到对协同文档中的图形进行更改的更改指令，上述执行主体可以获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度。上述更改后的图形的尺寸可以包括图形的宽度和高度，通常指的是图形的最大宽度和最大高度。上述用于呈现更改后的图形的图形区块(Block)的宽度通常默认为上述协同文档中的文档编辑器的宽度，用户可以对文档编辑器的宽度进行手动调整。

步骤202，基于更改后的图形的尺寸和图形区块的宽度，确定图形区块的待显示比例。

在本实施例中，上述执行主体可以基于上述更改后的图形的尺寸和上述图形区块的宽度，确定上述图形区块的待显示比例。显示比例通常用于在文档编辑类软件中调整文档窗口的大小。

步骤203，确定更改后的图形在待显示比例下的高度，基于更改后的图形在待显示比例下的高度，确定图形区块的待显示高度。

在本实施例中，上述执行主体可以将上述更改后的图形的高度与上述待显示比例的乘积确定为上述更改后的图形在上述待显示比例下的高度。

作为示例，若上述图形区块的待显示比例为50％，上述更改后的图形的高度为20厘米，则上述更改后的图形在待显示比例下的高度为10厘米(20厘米与0.5的乘积)。之后，上述执行主体可以基于上述更改后的图形在上述待显示比例下的高度，确定上述图形区块的待显示高度。在这里，上述执行主体可以将上述图形区块的待显示高度确定为上述更改后的图形在上述待显示比例下的高度。作为示例，若上述更改后的图形在待显示比例下的高度为10厘米，则可以将上述图形区块的待显示高度确定为10厘米。

步骤204，在协同文档中以待显示高度显示呈现有更改后的图形的图形区块。

在本实施例中，上述执行主体可以在上述协同文档中以在步骤203中确定出的待显示高度显示呈现有上述更改后的图形的图形区块。

本公开的上述实施例提供的方法在对协同文档中的图形进行协同编辑时，可以使得编辑的图形在协同文档中以合理的尺寸显示出来。

在一些可选的实现方式中，上述执行主体可以为编辑终端，此时，上述编辑终端可以检测用户是否对协同文档中的图形进行编辑，若检测到用户对上述协同文档中的图形进行编辑的编辑执行，则可以获取更改后的图形的尺寸和用于呈现上述更改后的图形的图形区块的宽度。

在一些可选的实现方式中，上述执行主体可以为跟随终端，此时，上述跟随终端可以确定是否接收到编辑终端发送的对协同文档中的图形进行更改的更改指令。用户可以利用上述编辑终端对上述协同文档中的图形进行更改，之后，可以利用服务器向与上述编辑终端共享上述协同文档的跟随终端发送更改指令。若跟随终端接收到上述编辑终端发送的对协同文档中的图形进行更改的更改指令，可以获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度。

在一些可选的实现方式中，上述执行主体可以通过如下方式基于上述更改后的图形在上述待显示比例下的高度，确定上述图形区块的待显示高度：上述执行主体可以将上述更改后的图形在上述待显示比例下的高度与目标高度之和确定为上述图形区块的待显示高度。上述目标高度可以为设置在上述更改后的图形上方的内边距(padding)的高度与设置在上述更改后的图形下方的内边距的高度之和。padding属性定义元素边框与元素内容之间的空间。

如图3所示，图3示出了根据本实施例的图形显示方法的图形区块的待显示高度的一个示意图。在图3中，图形区块的待显示高度由上述更改后的图形的待显示比例下的高度、设置在上述更改后的图形的上方的内边距的高度和设置在上述更改后的图形的下方的内边距的高度构成。

继续参见图4，图4是根据本实施例的图形显示方法的应用场景的一个示意图。在图4的应用场景中，编辑终端401检测到用户对协同文档中的图形进行编辑，可以利用服务器402将更改指令404发送给与编辑终端401共享上述协同文档的跟随终端403。在这里，更改指令404中包括更改后的图形的尺寸。之后，跟随终端403获取到上述更改后的图形的尺寸405为宽度8厘米、高度10厘米，以及获取到上述图形区块的宽度406为10厘米。而后，跟随终端403可以基于上述更改后的图形的尺寸405和上述图形区块的宽度406，确定上述图形区块的待显示比例407。在这里，跟随终端403确定出上述图形区块的待显示比例407为100％。跟随终端403可以将上述更改后的图形的高度10厘米与上述待显示比例100％的乘积10厘米确定为上述更改后的图形在上述待显示比例下的高度408。而后，可以将上述图形区块的待显示高度409确定为上述更改后的图形在上述待显示比例下的高度408，即上述图形区块的待显示高度409为10厘米。最后，跟随终端403可以在上述协同文档中以10厘米的待显示高度显示呈现有上述更改后的图形的图形区块。

进一步参考图5，其示出了图形显示方法的又一个实施例的流程500。该图形显示方法的流程500，包括以下步骤：

步骤501，响应于接收到对协同文档中的图形进行更改的更改指令，获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度。

在本实施例中，步骤501可以按照与步骤201类似的方式执行，在此不再赘述。步骤502，确定更改后的图形的宽度是否大于图形区块的宽度。

在本实施例中，图形显示方法的执行主体(例如图1所示的编辑终端或跟随终端)可以确定上述更改后的图形的宽度是否大于上述图形区块的宽度。上述图形区块的宽度通常默认为上述协同文档中的文档编辑器的宽度。

若确定出上述更改后的图形的宽度大于上述图形区块的宽度，则上述执行主体可以执行步骤503。

若确定出上述更改后的图形的宽度小于等于上述图形区块的宽度，则上述执行主体可以执行步骤505。

步骤503，若更改后的图形的宽度大于图形区块的宽度，则对更改后的图形的尺寸进行等比例缩小，使得更改后的图形的宽度等于图形区块的宽度。

在本实施例中，若在步骤502中确定出上述更改后的图形的宽度大于上述图形区块的宽度，则上述执行主体可以对上述更改后的图形的尺寸进行等比例缩小，即对上述更改后的图形的宽度和高度进行等比例缩小，以使得上述更改后的图形的宽度等于上述图形区块的宽度。

作为示例，若上述更改后的图形的宽度为15厘米，上述图形区块的宽度为12厘米，则上述更改后的图形的宽度大于上述图形区块的宽度，此时，可以对上述更改后的图形的宽度和高度进行等比例缩小，以使得上述更改后的图形的宽度由15厘米缩小到12厘米。

步骤504，按照更改后的图形的尺寸的缩小值，确定图形区块的待显示比例。

在本实施例中，上述执行主体可以按照上述更改后的图形的尺寸的缩小值，确定上述图形区块的待显示比例。具体地，上述执行主体可以将目标显示比例与上述更改后的图形的尺寸的缩小值的乘积确定为上述图形区块的待显示比例。在这里，上述目标显示比例通常为100％。作为示例，若将上述更改后的图形的宽度由15厘米缩小到12厘米，则缩小值为0.8(12与15的比值)。此时，可以将目标显示比例100％与缩小值0.8的乘积80％确定为上述图形区块的待显示比例。

步骤505，若更改后的图形的宽度小于等于图形区块的宽度，则将图形区块的待显示比例设置为目标显示比例。

在本实施例中，若在步骤502中确定出上述更改后的图形的宽度小于等于上述图形区块的宽度，则上述执行主体可以将上述图形区块的待显示比例设置为目标显示比例。在这里，上述目标显示比例通常为100％。即将上述图形区块的待显示比例设置为100％。

步骤506，确定更改后的图形在待显示比例下的高度，基于更改后的图形在待显示比例下的高度，确定图形区块的待显示高度。

步骤507，在协同文档中以待显示高度显示呈现有更改后的图形的图形区块。

在本实施例中，步骤506-507可以按照与步骤203-204类似的方式执行，在此不再赘述。

从图5中可以看出，与图2对应的实施例相比，本实施例中的图形显示方法的流程500体现了图形区块的待显示比例的具体确定步骤。由此，本实施例描述的方案可以在更改后的图形的宽度大于图形区块的宽度的情况下，将图形区块的待显示比例缩小至更改后的图形的宽度等于图形区块的宽度时的缩放值，以及在更改后的图形的宽度小于等于图形区块的宽度的情况下，将图形区块的待显示比例设置为100％。通过这种方式可以使得确定出的图形区块的待显示比例更加合理，进一步使得编辑的图形在协同文档中以更加合理的尺寸显示出来。

进一步参考图6，作为对上述各图所示方法的实现，本公开提供了一种图形显示装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图6所示，本实施例的图形显示装置600包括：获取单元601、第一确定单元602、第二确定单元603和呈现单元604。其中，获取单元601用于响应于接收到对协同文档中的图形进行更改的更改指令，获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度，其中，更改指令包括更改后的图形的尺寸；第一确定单元602用于基于更改后的图形的尺寸和图形区块的宽度，确定图形区块的待显示比例；第二确定单元603用于确定更改后的图形在待显示比例下的高度，基于更改后的图形在待显示比例下的高度，确定图形区块的待显示高度；呈现单元604用于在协同文档中以待显示高度显示呈现有更改后的图形的图形区块。

在本实施例中，图形显示装置600的获取单元601、第一确定单元602、第二确定单元603和呈现单元604的具体处理可以参考图2对应实施例中的步骤201、步骤202、步骤203和步骤204。

在一些可选的实现方式中，上述第一确定单元602可以进一步用于通过如下方式基于上述更改后的图形的尺寸和上述图形区块的宽度，确定上述图形区块的待显示比例：上述第一确定单元602可以首先确定上述更改后的图形的宽度是否大于上述图形区块的宽度；若是，则可以对上述更改后的图形的尺寸进行等比例缩小，使得上述更改后的图形的宽度等于上述图形区块的宽度；最后，上述第一确定单元602可以按照上述更改后的图形的尺寸的缩小值，确定上述图形区块的待显示比例。

在一些可选的实现方式中，上述第一确定单元602可以进一步用于通过如下方式基于上述更改后的图形的尺寸和上述图形区块的宽度，确定上述图形区块的待显示比例：上述第一确定单元602可以确定上述更改后的图形的宽度是否大于上述图形区块的宽度；若否，则上述第一确定单元602可以将上述图形区块的待显示比例设置成目标显示比例。在一些可选的实现方式中，上述第二确定单元603可以进一步用于通过如下方式基于上述更改后的图形在上述待显示比例下的高度，确定上述图形区块的待显示高度：上述第二确定单元603可以将上述更改后的图形在上述待显示比例下的高度与目标高度之和确定为上述图形区块的待显示高度，其中，上述目标高度可以为设置在上述更改后的图形上方的内边距的高度与设置在上述更改后的图形下方的内边距的高度之和。

在一些可选的实现方式中，上述获取单元601可以进一步用于通过如下方式响应于接收到对协同文档中的图形进行更改的更改指令，获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度：响应于检测到用户对协同文档中的图形进行编辑的编辑指令，上述获取单元601可以获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度。

在一些可选的实现方式中，上述获取单元601可以进一步用于通过如下方式响应于接收到对协同文档中的图形进行更改的更改指令，获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度：响应于接收到编辑终端发送的对协同文档中的图形进行更改的更改指令，上述获取单元601可以获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度。

下面参考图7，其示出了适于用来实现本公开的实施例的电子设备(例如图1中的编辑终端或跟随终端)700的结构示意图。本公开的实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图7示出的电子设备仅仅是一个示例，不应对本公开的实施例的功能和使用范围带来任何限制。

如图7所示，电子设备700可以包括处理装置(例如中央处理器、图形处理器等)701，其可以根据存储在只读存储器(ROM)702中的程序或者从存储装置708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中，还存储有电子设备700操作所需的各种程序和数据。处理装置701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。

通常，以下装置可以连接至I/O接口705：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置706；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置707；以及通信装置709。通信装置709可以允许电子设备700与其他设备进行无线或有线通信以交换数据。虽然图7示出了具有各种装置的电子设备700，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图7中示出的每个方框可以代表一个装置，也可以根据需要代表多个装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置709从网络上被下载和安装，或者从存储装置708被安装，或者从ROM 702被安装。在该计算机程序被处理装置701执行时，执行本公开的实施例的方法中限定的上述功能。需要说明的是，本公开的实施例所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：响应于接收到对协同文档中的图形进行更改的更改指令，获取更改后的图形的尺寸和用于呈现更改后的图形的图形区块的宽度，其中，更改指令包括更改后的图形的尺寸；基于更改后的图形的尺寸和图形区块的宽度，确定图形区块的待显示比例；确定更改后的图形在待显示比例下的高度，基于更改后的图形在待显示比例下的高度，确定图形区块的待显示高度；在协同文档中以待显示高度显示呈现有更改后的图形的图形区块。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的实施例的操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开的实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括获取单元、第一确定单元、第二确定单元和呈现单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，呈现单元还可以被描述为“在协同文档中以待显示高度显示呈现有更改后的图形的图形区块的单元”。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开的实施例中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。