专利名称：在网页上实现多图旋转的方法、装置及系统的制作方法
技术领域：
本发明涉及一种在网页上实现多图旋转的方法、装置及系统。
背景技术：
计算机图像处理是一种广泛使用的技术，在互联网应用中，图像处理技术的需求 也越来越大。浏览网页的用户往往需要对网页上的图片进行实时的修改、处理等，例如在在 线购物网站，用户希望看到自己购买的多件服饰的搭配效果，就需要将各件服饰的图片进 行缩放、旋转等操作。然而，与一般的图像处理软件不同，在网页上实现图像处理可供使用 的资源非常有限，基本上仅有浏览器，因此要求实现方法占用的内存小、图像处理的实时性 高，而且由于不同浏览器支持的图像处理库也不尽相同，因而也需要保证对多种浏览器的 兼容性。现有技术中的网页图像处理技术能够实现一些基本的图像处理功能，如单张图片 的放大、缩小、旋转等，但是对多张图片的几何操作，尤其是多张图片的旋转操作还存在着 各种问题。如现有的一些网页可以实现单张图片的缩放、旋转和多张图片的缩放，但是无法 实现多张图片的旋转。现有技术中实现多图旋转的一种较为直接的方法，是将需要进行旋转的多张图片 加入一个新的文档对象模型(DOM，Document Object Model)节点中，然后在层叠样式表 (CSS，Cascading Style Sheet)中对包括多张图片的该DOM节点进行旋转。然而，采用上 述方法，加入同一个DOM节点的多张图片将始终位于同一图层，即同时位于网页上其他不 需要旋转的图片的下方或上方，而无法保持旋转之前各个图片之间的图层上下关系。
发明内容
本发明解决的问题是现有技术在网页上实现多图旋转的方法无法保持图片的图 层关系。为解决上述问题，本发明提供了一种在网页上实现多图旋转的方法，包括确定网页上被选中的多张图片中每一张图片的初始位置；确定操作控件边界；确定操作基准点；获取所述操作控件边界相对于所述操作基准点的旋转角度；对于所述多张图片中每一张图片，分别确定其目标位置；所述目标位置与每一张 图片的初始位置和所述操作控件边界相对于所述基准点的旋转角度相关联。可选地，所述分别确定其目标位置包括分别将所述多张图片中每一张图片的初 始位置相对于所述基准点旋转所述旋转角度，以得到其目标位置。可选地，所述多张图片中至少有一张与其他图片位于不同图层。可选地，所述操作控件边界和操作基准点与所述被选中的多张图片位于同一网页 中。
可选地，所述操作控件边界为包围所述多张图片的最小矩形。可选地，所述基准点为所述最小矩形的中心。可选地，所述多张图片中每一张图片的初始位置包括每一张图片的中心的初始位 置和该图片相对于其中心的初始旋转角度。可选地，所述多张图片中每一张图片的目标位置包括每一张图片的中心的目标位 置和该图片相对于其中心的目标旋转角度。可选地，所述分别确定其目标位置包括分别将所述多张图片中每一张图片的中 心的初始位置相对于所述基准点旋转所述旋转角度，以得到其中心的目标位置。可选地，所述分别确定其目标位置包括将所述多张图片中每一张图片相对于其 中心的初始旋转角度与所述操作控件边界相对于所述基准点的旋转角度相加，以得到该图 片相对于其中心的目标旋转角度。可选地，所述获取所述操作控件边界相对于所述操作基准点的旋转角度包括将所述操作控件边界作为新建的文档对象模型节点进行显示；确定供用户对所述操作控件边界进行旋转操作的旋转点；基于用户操作，确定所述旋转点相对于所述操作基准点的旋转角度。可选地，所述在网页上实现多图旋转的方法还包括将所述多张图片中每一张图 片的目标位置更新至层叠样式表中进行显示。可选地，所述被选中的多张图片是由用户从外部图片库中抽选获取的。本发明还提供了一种在网页上实现多图旋转的装置，包括第一确定单元，适于确定网页上被选中的多张图片中每一张图片的初始位置；第二确定单元，适于确定操作控件边界；第三确定单元，适于确定操作基准点；角度获取单元，适于获取所述操作控件边界相对于所述操作基准点的旋转角度；第四确定单元，适于对于所述多张图片中每一张图片，分别确定其目标位置，所述 目标位置与每一张图片的初始位置和所述操作控件边界相对于所述基准点的旋转角度相 关联。可选地，所述第四确定单元适于分别将所述多张图片中每一张图片的初始位置相 对于所述基准点旋转所述旋转角度，以得到其目标位置。可选地，所述操作控件边界和操作基准点与所述被选中的多张图片位于同一网页 中。可选地，所述操作控件边界为包围所述多张图片的最小矩形。可选地，所述基准点为所述最小矩形的中心。可选地，所述第一确定单元适于确定网页上被选中的多张图片中每一张图片的中 心的初始位置和该图片相对于其中心的初始旋转角度。可选地，所述第四确定单元适于多张图片中每一张图片的目标位置包括每一张图 片的中心的目标位置和该图片相对于其中心的目标旋转角度。可选地，所述第四确定单元适于将所述多张图片中每一张图片的中心的初始位置 相对于所述基准点旋转所述旋转角度，以得到其中心的目标位置。可选地，所述第四确定单元适于将所述多张图片中每一张图片相对于其中心的初始旋转角度与所述操作控件边界相对于所述基准点的旋转角度相加，以得到该图片相对于 其中心的目标旋转角度。可选地，所述角度获取单元包括文档对象模型节点创建单元，适于将所述操作控件边界作为新建的文档对象模型 节点进行显示；旋转点确定单元，适于确定供用户对所述操作控件边界进行旋转操作的旋转点；角度确定单元，适于基于用户操作，确定所述旋转点相对于所述操作基准点的旋 转角度。本发明还提供了一种在网页上实现多图旋转的系统，包括上述任一项所述的在网 页上实现多图旋转的装置，以及样式控制单元，所述样式控制单元适于将所述多张图片中 每一张图片的目标位置更新至层叠样式表中进行显示。可选地，所述多张图片中至少有一张与其他图片位于同一图层，所述样式控制单 元还适于在所述层叠样式表中保持所述多张图片中每一张图片的图层信息。可选地，所述在网页上实现多图旋转的系统还包括图片获取单元，所述多张图片 由用户通过所述图片获取单元从外部图片库中抽选获取。与现有技术相比，本发明具有以下优点本技术方案首先确定网页上被选中的多张图片中每一张图片的初始位置，之后确 定操作控件边界和操作基准点，再获取所述操作控件边界相对于所述操作基准点的旋转角 度，最后对于所述多张图片中每一张图片，分别确定其目标位置，所述目标位置与每一张图 片的初始位置和所述操作控件边界相对于所述基准点的旋转角度相关联。由于在获取了操 作控件边界相对于所述操作基准点的旋转角度之后，根据所述旋转角度对每一张图片分别 确定其目标位置，并没有将全部图片加入同一 DOM节点中，而是分别进行移位旋转，因而在 实现多张图片旋转的同时保持了各图片之间的图层关系。进一步地，本技术方案中所述操作控件边界优选为包围所述多张图片的最小矩 形，所述基准点优选为所述最小矩形的中心，每一张图片的位置采用中心位置和相对于其 中心的旋转角度来表示和计算，使得计算和实现过程非常简洁，而且能够更好的利用CSS 中提供的旋转操作。
图1是本发明实施例在网页上实现多图旋转的方法的流程示意图；图2至图6是本发明实施例在网页上实现多图旋转的方法的网页页面示意图；图7是本发明实施例在网页上实现多图旋转的装置的结构示意图；图8是本发明实施例在网页上实现多图旋转的系统的结构示意图。
具体实施例方式现有技术在网页上实现多图旋转时，往往是将被用户选中的多张图片加入一个新 的DOM节点进行整体的旋转，但是该无法保持图片之间的图层关系，限制了图像作品的表 现方式。本技术方案首先确定操作控件边界和操作基准点，通过获取操作控件边界相对于操作基准点的旋转角度来获取用户期望多张图片相对于基准点的旋转角度，之后再根据每 张图片的初始位置和操作控件边界相对于操作基准点的旋转角度分别确定该图片的目标 位置，由于对每张图片的操作是分别单独进行的，因而保持了各张图片之间的图层关系。进一步地，本技术方案中操作控件边界优选为包围所述被选中的多张图片的最小 矩形，所述基准点优选为所述最小矩形的中心，而且每一张图片的位置采用中心位置和相 对于其中心的旋转角度来表示和计算，使得计算和实现过程非常简洁，并且能够更好的利 用CSS中提供的旋转操作。为使本发明的上述目的、特征和优点能够更为明显易懂，下面结合附图对本发明 的具体实施方式
做详细的说明。在以下描述中阐述了具体细节以便于充分理解本发明。但是本发明能够以多种不 同于在此描述的其它方式来实施，本领域技术人员可以在不违背本发明内涵的情况下做类 似推广。因此本发明不受下面公开的具体实施方式
的限制。图1示出了本发明实施例的在网页上实现多图旋转的方法的流程示意图，包括步骤S11，确定网页上被选中的多张图片中每一张图片的初始位置；步骤S12，确定操作控件边界；步骤S13，确定操作基准点；步骤S14，获取所述操作控件边界相对于所述操作基准点的旋转角度；步骤S15，对于所述多张图片中每一张图片，分别确定其目标位置；所述目标位置 与每一张图片的初始位置和所述操作控件边界相对于所述基准点的旋转角度相关联。图2至图6示出了本实施例的在网页上实现多图旋转的方法的网页结构示意图， 下面结合图1和图2至图6对本实施例进行详细说明。图2为本实施例中用户通过浏览器看到的网页结构示意，参考图2，页面10上包 括多张图片，所述多张图片位于同一图层或至少有一张与其他图片位于不同图层，本实施 例中页面10上的多张图片分别为图片F11、图片F12、图片F13和图片F14，其中，图片Fll 和图片F12位于同一图层，图片F14位于图片Fll和图片F12之上的图层，图片F13位于图 片F14之上的图层。当然，图2仅是一个非限制性的示例，页面10上的图片数量及其相互 的图层关系还可以分别是其他数字及可能的任意组合关系。所述图片Fll至图片F14可以是由用户从外部图片库中抽选获取的，例如可以是 从第三方网页的图片库中获取的。所述页面10可以是一个独立的网页页面，也可以是另一 网页上内嵌的控件页面。参考图1和图3，执行步骤S11，确定网页上被选中的多张图片中每一张图片的初 始位置。作为示例，被选中的多张图片为图片F11、图片F12和图片F13，选中状态可以是用 户通过鼠标、触摸屏等外部输入设备来触发的。本实施例中，每一张图片的初始位置包括该 图片的中心的初始位置和该图片相对于其中心的初始旋转角度，具体地，图片Fll的中心 的初始位置为C11，其相对于中心的初始旋转角度为α，图片F12的中心的初始位置为C12， 其相对于中心的初始旋转角度为0，图片F13的中心的初始位置为C13，其相对于中心的初 始旋转角度为0，各图片的中心的初始位置可以用直角坐标系或其他坐标系来表示。结合图1和图4，执行步骤S12，确定操作控件边界15 ；执行步骤S13，确定操作基 准点16。本实施例中，所述操作控件边界15优选为包围被选中的多张图片的最小矩形，所述操作基准点16优选为所述最小矩形的中心。所述最小矩形的确定方法包括对于被选 中的多张图片中的每一张图片，分别计算确定其最上、最下、最左和最右的极端点，所述最 小矩形的四边分别对应所有上述极端点中的最上、最下、最左和最右四个方向的横向或纵 向的坐标值。具体地，本实施例中最上的极端点为图片Fll的顶点A，最下的极端点为图片 F13的宽边D，最左的极端点为图片Fll的顶点B，最右的极端点为图片F12的长边C，之后 分别以顶点A的纵坐标、宽边D的纵坐标、顶点B的横坐标和长边C的横坐标确定包围被选 中的多张图片的最小矩形，即确定操作控件边界15。在确定所述操作控件边界15之后，将所述操作控件边界15作为新建的DOM节点 进行显示，在本实施例中，在用户选中图片F11、图片F12和图片F13之后，确定包围各图片 的最小矩形作为操作控件边界15，并将所述最小矩形新建为一 DOM节点显示在页面10上供 用户操作。同时也可以将所述操作基准点16—并添加至该DOM节点中进行显示，当然也可 以不添加显示该操作基准点16。所述操作控件边界15和操作基准点16与所述被选中的多 张图片可以位于同一网页中，也可以位于不同网页中，如位于弹出的新的网页页面上。在其他具体实施例中，所述操作控件边界15也可以是包围所述被选中的多张图 片的较大的矩形框，其覆盖的范围大于各个图片的范围，即大于所述最小矩形；或者也可以 并不完全包围所述被选中的多张图片，仅覆盖各张图片的一部分；甚至也可以与所述被选 中的多张图片的范围完全不重叠，如位于各张图片的整体的一侧。所述操作基准点16还可 以是操作控件边界15的某一顶点，或者是操作控件边界15内部的任意一点，或者是操作控 件边界15外部的任意一点。总之，所述操作基准点15可以选定为网页页面上的任意位置， 在一具体实施例中也可以是由用户选定的位置。结合图1和图5至图6，执行步骤S14，获取所述操作控件边界15相对于所述操作 基准点16的旋转角度；执行步骤S15，对于所述多张图片中每一张图片，分别确定其目标位 置，所述目标位置与每一张图片的初始位置和所述操作控件边界15相对于所述基准点16 的旋转角度相关联。具体地，首先参考图5，确定供用户对所述操作控件边界15进行旋转操作的旋转 点17。所述旋转点17可以是页面10上的任意一点，本实施例中优选为操作基准点16向右 横向水平延伸后与所述操作控件边界15的交点。用户可以用鼠标、触摸屏等输入设备在页 面10上对通过旋转点17进行拖动旋转，之后通过CSS实现对操作控件边界15的旋转。基 于用户操作，具体可以通过监测用户操作或由用户操作触发，确定所述旋转点17相对于所 述操作基准点16的旋转角度，即确定了所述操作控件边界15相对于所述操作基准点16的 旋转角度，从而可以将被选中的多张图片的每一张图片的初始位置相对于所述操作基准点 16旋转该旋转角度，得到每一张图片的目标位置。本实施例的具体实现过程请结合图5和图6，基于用户对旋转点17的操作，可以确 定所述旋转点17相对于所述操作基准点16逆时针旋转角度β，即可以获知所述操作控件 边界15相对于所述操作基准点16也逆时针旋转角度β，之后对于被选中的图片Fll、图片 F12和图片F13分别进行移位和旋转操作，具体地，将其中心的初始位置C11、C12、C13分别 相对于操作基准点16逆时针旋转角度β，分别得到各图片中心的目标位置Cll'、C12'和 C13'，各图片中心的目标位置与操作基准点16的距离等于其初始位置与操作基准点16的 距离，仅逆时针旋转了角度β，各图片中心的目标位置Cll'、C12'和C13'的坐标值可以通过极坐标、旋转矩阵等计算方法获得。被选中的多张图片中每一张图片相对于其中心的目标旋转角度等于该图片相对 于其中心的初始旋转角度与所述操作控件边界15相对于所述操作基准点16的旋转角度相 加之和。具体地，对于图片F11，其相对于自身中心的目标旋转角度为α+β ；对于图片F12， 其相对于自身中心的目标旋转角度为β (即O+β)；对于图片F13，其相对于自身中心的目 标旋转角度为β (即0+β)。整个计算过程，包括每一张图片的中心的目标位置和目标旋转 角度的计算，都非常的简洁，易于实现，不会对浏览器和运行浏览器的计算机造成过大的负 担。在确定各图片的中心的目标位置和相对于中心的目标旋转角度之后，可以将每一 张图片的相应数据更新至CSS，通过CSS对每张图片的中心分别进行移位，将每张图片的中 心由初始位置移位至目标位置，并对每张图片进行旋转，使每张图片相对于其中心的旋转 角度等于所述目标旋转角度，之后再加以显示。由于CSS中的操作基本上都是以中心为基 点进行的，因此，本实施例中以中心和相对于中心的旋转角度的计算方式能够更好的利用 CSS已提供的操作。当然，在其他具体实施例中，每张图片的初始位置和目标位置的确定过 程也可以不使用其中心作为基点，如可以采用图片的某一顶点的位置和图片相对于该顶点 的旋转角度来确定和计算。本实施例由于对每一张图片的移位和旋转都是分别进行的，并没有更改其图层信 息，因而呈现至用户的网页上的各个图片仍然保持了旋转前的图层关系，图片F12仍位于 图片F14下方的图层，图片F13仍位于图片F14上方的图层，其图层的上下关系并没有被破 坏。本实施例中的在网页上实现多图旋转的方法通过JavMcript实现，当然在其他 具体实施例中，也可以由Flash等网页编程语言或者本领域技术人员公知的其他方式来实 现。在一具体实施例中，用户可以通过具有鼠标、触摸屏等输入设备的计算机访问所 述页面10，运行在该计算机上的浏览器在加载页面10的同时，一并加载实现上述方法的代 码程序段(如JavMcript程序、Flash程序等)，基于用户操作，浏览器对该代码程序段进 行解析和执行，从而在网页上实现多图旋转。本实施例还提供了一种在网页上实现多图旋转的装置和系统。图7示出了所述 在网页上实现多图旋转的装置的结构示意图，主要包括第一确定单元21，适于确定网页 上被选中的多张图片中每一张图片的初始位置；第二确定单元22，适于确定操作控件边 界；第三确定单元23，适于确定操作基准点；角度获取单元M，适于获取所述操作控件边界 相对于所述操作基准点的旋转角度；第四确定单元25，适于对于所述多张图片中每一张图 片，分别确定其目标位置，所述目标位置与每一张图片的初始位置和所述操作控件边界相 对于所述基准点的旋转角度相关联。所述角度获取单元M在本实施例中具体包括文档对象模型节点创建单元对1， 适于将所述操作控件边界作为新建的文档对象模型节点进行显示；旋转点确定单元对2， 适于确定供用户对所述操作控件边界进行旋转操作的旋转点；角度确定单元M3，适于基 于用户操作，确定所述旋转点相对于所述操作基准点的旋转角度。本实施例中所述操作控件边界优选为包围所述被选中的多张图片的最小矩形，所述操作基准点优选为所述最小矩形的中心。图8示出了包括图7所示装置的在网页上实现多图旋转的系统，除所述在网页上 实现多图旋转的装置外，还包括样式控制单元31，适于将所述多张图片中每一张图片的 目标位置更新至层叠样式表中进行显示；图片获取单元32，所述被选中的多张图片是由用 户通过所述图片获取单元32从外部图片库中抽选获取的。此外，所述样式单元31还适于 在层叠样式表中保持每一张图片的图层信息，之后按照图层信息进行显示，保持各张图片 旋转前后的图层上下关系。所述在网页上实现多图旋转的装置和系统的工作过程和原理请参见前述在网页 上实现多图旋转的方法的实施例，这里不再赘述。需要说明的是，本实施例所述的在网页上实现多图旋转的方法可以通过某种程序 语言记载在网页服务器的存储介质上，在用户访问该网页时，由服务器的存储介质通过网 络传输至用户所使用的计算机的存储介质上。虽然已以较佳实施例公开如上，但其并不是用来限定本发明，任何本领域技术人 员在不脱离本发明的精神和范围内，都可以利用上述揭示的方法和技术内容对本发明技术 方案做出可能的变动和修改，因此，凡是未脱离本发明技术方案的内容，依据本发明的技术 实质对以上实施例所作的任何简单修改、等同变化及修饰，均属于本发明技术方案的保护 范围。
权利要求
1.一种在网页上实现多图旋转的方法，其特征在于，包括确定网页上被选中的多张图片中每一张图片的初始位置；确定操作控件边界；确定操作基准点；获取所述操作控件边界相对于所述操作基准点的旋转角度；对于所述多张图片中每一张图片，分别确定其目标位置；所述目标位置与每一张图片 的初始位置和所述操作控件边界相对于所述基准点的旋转角度相关联。
2.根据权利要求1所述的在网页上实现多图旋转的方法，其特征在于，所述分别确定 其目标位置包括分别将所述多张图片中每一张图片的初始位置相对于所述基准点旋转所 述旋转角度，以得到其目标位置。
3.根据权利要求1所述的在网页上实现多图旋转的方法，其特征在于，所述多张图片 中至少有一张与其他图片位于不同图层。
4.根据权利要求1所述的在网页上实现多图旋转的方法，其特征在于，所述操作控件 边界和操作基准点与所述被选中的多张图片位于同一网页中。
5.根据权利要求1所述的在网页上实现多图旋转的方法，其特征在于，所述操作控件 边界为包围所述多张图片的最小矩形。
6.根据权利要求5所述的在网页上实现多图旋转的方法，其特征在于，所述基准点为 所述最小矩形的中心。
7.根据权利要求1所述的在网页上实现多图旋转的方法，其特征在于，所述多张图片 中每一张图片的初始位置包括每一张图片的中心的初始位置和该图片相对于其中心的初 始旋转角度。
8.根据权利要求7所述的在网页上实现多图旋转的方法，其特征在于，所述多张图片 中每一张图片的目标位置包括每一张图片的中心的目标位置和该图片相对于其中心的目 标旋转角度。
9.根据权利要求8所述的在网页上实现多图旋转的方法，其特征在于，所述分别确定 其目标位置包括分别将所述多张图片中每一张图片的中心的初始位置相对于所述基准点 旋转所述旋转角度，以得到其中心的目标位置。
10.根据权利要求8所述的在网页上实现多图旋转的方法，其特征在于，所述分别确 定其目标位置包括将所述多张图片中每一张图片相对于其中心的初始旋转角度与所述操 作控件边界相对于所述基准点的旋转角度相加，以得到该图片相对于其中心的目标旋转角 度。
11.根据权利要求1所述的在网页上实现多图旋转的方法，其特征在于，所述获取所述 操作控件边界相对于所述操作基准点的旋转角度包括将所述操作控件边界作为新建的文档对象模型节点进行显示；确定供用户对所述操作控件边界进行旋转操作的旋转点；基于用户操作，确定所述旋转点相对于所述操作基准点的旋转角度。
12.根据权利要求1所述的在网页上实现多图旋转的方法，其特征在于，还包括将所 述多张图片中每一张图片的目标位置更新至层叠样式表中进行显示。
13.根据权利要求1所述的在网页上实现多图旋转的方法，其特征在于，所述被选中的多张图片是由用户从外部图片库中抽选获取的。
14.一种在网页上实现多图旋转的装置，其特征在于，包括第一确定单元，适于确定网页上被选中的多张图片中每一张图片的初始位置；第二确定单元，适于确定操作控件边界；第三确定单元，适于确定操作基准点；角度获取单元，适于获取所述操作控件边界相对于所述操作基准点的旋转角度；第四确定单元，适于对于所述多张图片中每一张图片，分别确定其目标位置，所述目标 位置与每一张图片的初始位置和所述操作控件边界相对于所述基准点的旋转角度相关联。
15.根据权利要求14所述的在网页上实现多图旋转的装置，其特征在于，所述第四确 定单元适于分别将所述多张图片中每一张图片的初始位置相对于所述基准点旋转所述旋 转角度，以得到其目标位置。
16.根据权利要求14所述的在网页上实现多图旋转的装置，其特征在于，所述操作控 件边界和操作基准点与所述被选中的多张图片位于同一网页中。
17.根据权利要求14所述的在网页上实现多图旋转的装置，其特征在于，所述操作控 件边界为包围所述多张图片的最小矩形。
18.根据权利要求17所述的在网页上实现多图旋转的装置，其特征在于，所述基准点 为所述最小矩形的中心。
19.根据权利要求14所述的在网页上实现多图旋转的装置，其特征在于，所述第一确 定单元适于确定网页上被选中的多张图片中每一张图片的中心的初始位置和该图片相对 于其中心的初始旋转角度。
20.根据权利要求14所述的在网页上实现多图旋转的装置，其特征在于，所述第四确 定单元适于多张图片中每一张图片的目标位置包括每一张图片的中心的目标位置和该图 片相对于其中心的目标旋转角度。
21.根据权利要求20所述的在网页上实现多图旋转的装置，其特征在于，所述第四确 定单元适于将所述多张图片中每一张图片的中心的初始位置相对于所述基准点旋转所述 旋转角度，以得到其中心的目标位置。
22.根据权利要求20所述的在网页上实现多图旋转的装置，其特征在于，所述第四确 定单元适于将所述多张图片中每一张图片相对于其中心的初始旋转角度与所述操作控件 边界相对于所述基准点的旋转角度相加，以得到该图片相对于其中心的目标旋转角度。
23.根据权利要求14所述的在网页上实现多图旋转的装置，其特征在于，所述角度获 取单元包括文档对象模型节点创建单元，适于将所述操作控件边界作为新建的文档对象模型节点 进行显示；旋转点确定单元，适于确定供用户对所述操作控件边界进行旋转操作的旋转点；角度确定单元，适于基于用户操作，确定所述旋转点相对于所述操作基准点的旋转角度。
24.一种在网页上实现多图旋转的系统，其特征在于，包括权利要求14至23中任一项 所述的在网页上实现多图旋转的装置，以及样式控制单元，所述样式控制单元适于将所述 多张图片中每一张图片的目标位置更新至层叠样式表中进行显示。
25.根据权利要求M所述的在网页上实现多图旋转的系统，其特征在于，所述多张图 片中至少有一张与其他图片位于同一图层，所述样式控制单元还适于在所述层叠样式表中 保持所述多张图片中每一张图片的图层信息。
26.根据权利要求M所述的在网页上实现多图旋转的系统，其特征在于，还包括图片 获取单元，所述多张图片由用户通过所述图片获取单元从外部图片库中抽选获取。
全文摘要
一种在网页上实现多图旋转的方法、装置及系统，所述方法包括确定网页上被选中的多张图片中每一张图片的初始位置；确定操作控件边界；确定操作基准点；获取所述操作控件边界相对于所述操作基准点的旋转角度；对于所述多张图片中每一张图片，分别确定其目标位置；所述目标位置与每一张图片的初始位置和所述操作控件边界相对于所述基准点的旋转角度相关联。本发明能够以简洁的方式实现多张图片的旋转，而且能够同时保持图片的图层关系。
文档编号G06F17/30GK102110149SQ20111004016
公开日2011年6月29日 申请日期2011年2月17日 优先权日2011年2月17日
发明者邵怡蕾, 陈晓敏 申请人:上海渐石网络科技有限公司