CN103412715A - 一种电子出版物的阅读系统 - Google Patents

Abstract

本发明公开了一种电子出版物阅读系统，包括出版物阅读器和出版物资源定位器，出版物资源定位器的作用是根据指令获取出版物资源的位置，所述的出版物资源包括电子出版物页面的结构信息和资源信息，所述的结构信息包括电子出版物页面内元素的先后顺序关系以及包含关系，即电子出版物页面内元素组成的树状结构的拓扑，所述的资源信息是指电子出版物页面内元素所代表的内容，包括文本、图像、视频、音频、交互和∕或样式，根据电子出版物页面内元素的内容分类，所述的电子出版物页面内元素分为矢量元素、标量元素和逻辑元素，所述的出版物阅读器包括控制部分、输入输出部分和存储部分。

Description

一种电子出版物的阅读系统

技术领域

本发明属于电子出版物技术领域，特别涉及一种电子出版物阅读系统。 

背景技术

电子出版物的迅猛发展使得关于电子出版物的相关技术层出不穷，尤其是电子出版物的阅读器技术。目前市面上的在线阅读器大多数分为3种模式，它们分别是：依靠第三方浏览器插件（如Adobe Flash）、使用图片格式和使用HTML网页格式。 

使用第三方浏览器插件的模式的缺点主要在于，需要客户单独安装一个插件。比较普遍的是使用Adobe Flash，由于对计算器配置的要求较高，往往导致计算机运行效率的下降、并且对于笔记本计算器来说，往往导致机器的过量发热； 

使用图片格式的在线阅读由于以图片作为载体，往往导致较差的阅读体验，如图片加载时间过长、图片的不清晰导致的图片中的文字不清晰、不能适应不同分辨率显示设备而导致阅读同一行内容也需要频繁的移动图片或者需要用户每次放大图片来来换取足够清晰尺寸文字的阅读效果； 

而目前使用HTML网页格式作为电子书载体的在线阅读器往往不支持复杂的排版效果、不能任意的进行页面的平移和缩放，也不支持其他复杂元素，如视频、声音等等的呈现，而且这些电子书的制作也较为复杂、需要与阅读器对应的专用的工具进行制作。 

发明内容

本发明的目的是提供一种电子出版物的阅读系统，即，电子书的载体采用符合标准的HTML5页面格式进行组织、阅读器可以任意缩放页面、阅读器可以任意平移页面、阅读器会根据用户的阅览需要智能的为用户提供足够清晰的图片资源，并且为用户节约带宽开销、缩短用户等待页面加载的时间。 

本发明涉及广义的计算器图形学相关的技术，即本发明是受到计算器图形 学的启发而成。计算器图形学是使用计算器研究图形的表示、生成、处理和显示的一门计算器学科分支。本发明涉及电子书、电子报刊杂志等出版物的阅读体验设计，包括一切以互联网的形式、脱机的形式、其他非计算器的形式。 

本发明的技术方案是：一种电子出版物阅读系统，包括出版物阅读器和出版物资源定位器， 

出版物资源定位器的作用是根据指令获取出版物资源的位置， 

所述的出版物资源包括电子出版物页面的结构信息和资源信息， 

所述的结构信息包括电子出版物页面内元素的先后顺序关系以及包含关系，即电子出版物页面内元素组成的树状结构的拓扑， 

所述的资源信息是指电子出版物页面内元素所代表的内容，包括文本、图像、视频、音频、交互和∕或样式，根据电子出版物页面内元素的内容分类，所述的电子出版物页面内元素分为矢量元素、标量元素和逻辑元素， 

所述的出版物阅读器包括控制部分、输入输出部分和存储部分，其中， 

控制部分接收版物资源的位置信息和∕或出版物资源信息，发送出版物资源位置信息和∕或出版物资源请求，控制协调存储部分和输入输出部分； 

输入输出部分提供用户与出版物阅读器间的交互，呈现出版物资源的内容给到用户； 

存储部分提供对出版物资源的缓存， 

所述的电子出版物阅读系统的工作过程如下： 

首先出版物阅读器发送请求到出版物资源定位器，请求获得所述电子出版物的某一页的页面位置信息， 

然后出版物资源定位器将该页面资源的位置信息返回给出版物阅读器， 

出版物阅读器此时根据相应用户的操作，进行包括缩放和∕或平移操作。 

所述的出版物阅读器中的输入输出部分包括一个二维显示平面作为输出，还包括一个由用户进行控制的控制区域作为输入，以及用于响应用户上下翻页用的操作响应器，用户通过这个区域进行出版物的翻页操作。 

出版物阅读器发送请求到出版物资源定位器，请求获得的所述电子出版物的某一页的页面位置信息包括该电子出版物的标识信息和页码，出版物资源定位器返回给出版物阅读器的信息包括向前若干页的页面位置、当前页页面位置 和向后若干页页面位置。 

在所述的出版物阅读器的输出部分中，为每个已经获取到出版物资源页面位置的页面动态创建一个二维显示平面区域作为页面呈现输出，每个页面呈现即为出版物阅读器输出，其呈现的内容即为对应的出版物资源。 

所述的出版物阅读器的的存储部分采用先进先出的缓存方式，当请求的资源超过了缓存规定的大小后，自动清除当前缓存中最先缓存的一个呈现输出，减少用户在翻阅过程中需要重复加载资源导致的等待时间。 

所述页面呈现的构造过程包括以下步骤： 

A1，定义所述阅读器状态转移由式（1）表达， 

所述的状态转移指根据用户的输入在原有输出的基础上得到新的输出，其中，T是状态转移的作用变量，用来体现用户的输入， 

T_n指阅读器原有状态、即现态， 

T_n+1指阅读器下一状态、即次态，T₀表示初态； 

A2，采用式（2）对页面呈现做渲染的初始化， 

其中p为页码、s_p为页面适应阅读器的最佳缩放比例、W为阅读器的宽度、w_p为页面的原始宽度、H为阅读器的高度、h_p为页面的原始高度； 

A3，假如正在构造的是当前页面，则令阅读器的缩放比例S₀设置为s_p，为了让页面居中显示，计算页面的左上角的点相对于阅读器的坐标位置，计算过程如式（3）所示，其中X_p、Y_p分别代表页面内容呈现输出距离阅读器输出的坐标，坐标系采用世界坐标系，坐标原点为元素的左上角。 

A4，使用矩阵变换做页面内容所在呈现输出的二维变换，将其真正的居中于阅读器输出并且符合阅读器输出的大小，需要进行的操作是复合操作，以呈现输出的左上角为变换参考点，可以看成是先进行关于坐标原点的缩放再进行平移，计算过程如式（4）所示，所述的二维变换中的参考点均为元素的左上角， 

$\left[\begin{array}{c}{x}_{p0}\\ y_{p0}\\ 1\end{array}\right]=\left[\begin{array}{ccc}1& 0& X_p\\ 0& 1& Y_p\\ 0& 0& 1\end{array}\right]\left[\begin{array}{ccc}{s}_p& 0& 0\\ 0& s_p& 0\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_p\\ y_p\\ 1\end{array}\right]=\left[\begin{array}{ccc}{s}_p& 0& X_p\\ 0& s_p& Y_p\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_p\\ y_p\\ 1\end{array}\right]=T_0\left[\begin{array}{c}0\\ 0\\ 1\end{array}\right]\⇒T_0=\left[\begin{array}{ccc}{s}_p& 0& X_p\\ 0& s_p& Y_p\\ 0& 0& 1\end{array}\right]---\left(4\right)$

A5，对于页面内容呈现输出中的标量元素，在构造页面的过程中通过使用渲染页面标量元素的操作来控制，当需要渲染页面内标量元素时，首先遍历当前页及其相邻的前后页面的呈现输出，对于每一个这样的呈现输出元素，遍历其中的标量元素，通过向定位器发送包含标量元素的标识、标量元素变换前的空间占有、当前阅读器的缩放比例的请求而得到的对应的标量资源地址来加载符合要求的标量元素，资源定位器返回标量资源位置的时候，会根据需求，返回满足需要中最小空间占用的标量元素，即在二维空间中的最小宽度和高度； 

A6，用户控制光标来实现页面的平移，涉及的操作包括平移操作、改变光目标位置、完成平移操作，当用户开始平移操作时将，记录用户当前光标相对于阅读器坐标系的坐标，并且让阅读器对应光标移动的事件， 

当用户连续的移动光标时，在每次光目标移动的过程中，计算光标坐目标偏移量，根据平移偏移量大小的距离完成该次光标移动所需要的平移操作， 

直到用户结束平移之前，一直重复上述过程，否则，就结束这个过程，表示用户平移操作完成，其中页面平移的计算过程如式（5）所示，其中，Δ_x、Δ_y分别表示用户每次光标移动的对应坐标上的距离， 

$\left[\begin{array}{c}{x}_{p,n+1}\\ y_{p,n+1}\\ 1\end{array}\right]=T_{n+1}\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]={\mathrm{TT}}_n\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]=\left(\left[\begin{array}{ccc}1& 0& \mathrm{\Δx}\\ 0& 1& \mathrm{\Δy}\\ 0& 0& 1\end{array}\right]\right)\left[\begin{array}{ccc}{S}_n& 0& x_{p,n}\\ 0& S_n& y_{p,n}\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]=\left[\begin{array}{ccc}{S}_n& 0& x_{p,n}+\mathrm{\Δx}\\ 0& S_n& y_{p,n}+\mathrm{\Δy}\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]$

$\⇒T_{n+1}={\mathrm{TT}}_n=\left[\begin{array}{ccc}{S}_{n+1}& 0& x_{p,n+1}\\ 0& S_{n+1}& y_{p,n+1}\\ 0& 0& 1\end{array}\right]=\left[\begin{array}{ccc}{S}_n& 0& x_{p,n}+\mathrm{\Δx}\\ 0& S_n& y_{p,n}+\mathrm{\Δy}\\ 0& 0& 1\end{array}\right]$

（5） 

A7，页面的缩放操作的过程包括，用户将光标移至页面上的某一点、用户进行缩放操作改变缩放的幅度， 

当用户进行缩放操作的时候，阅读器将根据用户当前所在的坐标位置确定缩放的中心位置，然后再进行缩放操作， 

每次用户通过输入改变幅度进行页面缩放的时候，缩放的比率是通过幅度确定的，为了在滚动的时候使得比率进行适当的调节，使用如式（6）所示的函数进行比率的确定，其中α表示单位幅度产生的缩放比率，p表示鼠标累计浮动的量， 

A8，根据式（6），推导出式（7），其中Δp即表示单位幅度的距离, 

$\frac{S_{n+1}}{S_n}=\frac{S(p+\mathrm{\Δp})}{S\left(p\right)}=\frac{{(1+\mathrm{\α})}^{p+\mathrm{\Δp}}}{{(1+\mathrm{\α})}^p}={(1+\mathrm{\α})}^{\mathrm{\Δp}}\⇒S_{n+1}=t{S}_n={(1+\mathrm{\α})}^{\mathrm{\Δp}}{S}_n\⇒t={(1+\mathrm{\α})}^{\mathrm{\Δp}}$

(7) 

在阅读器输出为原点的直角坐标系内，首先关于开始缩放时光标所在点平移页面到坐标原点、缩放到页面本身无缩放状态前的原始大小、缩放到用户需要的大小、最后重新关于原点平移到点击的位置，计算的过程如式（8）所示，其中x_c、y_c分别表示用户进行缩放操作时光标相对于阅读器输出的坐标， 

$\left[\begin{array}{c}{x}_{p,n+1}\\ y_{p,n+1}\\ 1\end{array}\right]=T_{n+1}\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]={\mathrm{TT}}_n\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]=\left(\left[\begin{array}{ccc}1& 0& x_c\\ 0& 1& y_c\\ 0& 0& 1\end{array}\right]\left[\begin{array}{ccc}t& 0& 0\\ 0& t& 0\\ 0& 0& 1\end{array}\right]\left[\begin{array}{ccc}1& 0& -x_c\\ 0& 1& -y_c\\ 0& 0& 1\end{array}\right]\right)\left[\begin{array}{ccc}{S}_n& 0& x_{p,n}\\ 0& S_n& y_{p,n}\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]$

$=\left[\begin{array}{ccc}{\mathrm{tS}}_n& 0& S_n{x}_{p,n}+x_c(1-t)\\ 0& {\mathrm{tS}}_n& S_n{y}_{p,n}+y_c(1-t)\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]\⇒T_{n+1}={\mathrm{TT}}_n=\left[\begin{array}{ccc}{S}_{n+1}& 0& x_{p,n+1}\\ 0& S_{n+1}& y_{p,n+1}\\ 0& 0& 1\end{array}\right]$

$=\left[\begin{array}{ccc}{\mathrm{tS}}_n& 0& S_n{x}_{p,n}+x_c(1-t)\\ 0& {\mathrm{tS}}_n& S_n{y}_{p,n}+y_c(1-t)\\ 0& 0& 1\end{array}\right]$

（8）。 

与现有的基于Adobe Flash、Adobe PDF等插件实现的各种在线阅读器相比，本阅读器可以直接实现在网页上实时阅读而无需加载任何插件。因此可以避免诸如下载插件，安装插件以及因插件升级而需重复更新等造成的繁琐操作，优化用户的游览体验。同时，因为无需依托插件的关系，相比加载插件的方式，运用本阅读器的网页对计算机CPU、内存的占用较小，从而降低了浏览器对计算机CPU、内存的占用。 

本阅读器对书本的加载采取了按需加载的方式，根据用户的操作，加载用户要求页面呈现的内容，而并非将所有的内容一次加载，最大程度的避免了用户等待书本加载的时间。而当用户对页面提出新的请求时，本游览器根据新的请求继续加载，做到加载内容的大小完全符合客户的需求，这样可以避免带宽被用于加载用户所不需要的内容，有效的降低了带宽及内存的占用。 

此外，由于使用了HTML5技术，所以在使用时比其他阅读器显得更为灵活，在本阅读器下，可以对页面任意进行缩放、拖拽。且页面内容丰富，可以包含所有能在HTML5中使用的所有功能，如文字、图片、视频、动画、链接、图纸、并可以运用JavaScript技术，使得用户和页面可以进行交互。 

本发明可扩展到非计算器与网络领域，如电子等。本发明涉及电子书、电子报刊杂志等出版物的阅读体验设计，包括一切以互联网的形式、脱机的形式、其他非计算器的形式。 

具体实施方式

相对于页面（10,10）点以110％的比例查看『ABB中国有限公司』的《控制产品低压控制产品CONTROL PRODUCT》的第5页。 

构造阅读器界面，阅读器输出代表一个div元素、其中包含若干个iframe元素，分别代表呈现输出。阅读器通过浏览器向服务器发送包含『ABB中国有限公司』的《控制产品低压控制产品Control Product》的第5页的请求信息，具体类似清单1所示，其中根据服务器的约定，Catalog=52303030-3030-3030-3030-303030303133代表『ABB中国有限公司』的《控制产品低压控制产品Control Product》、Page=4代表第5页（从0开始计数）。 

清单1 

GET 

/index.php/ProductCatalogViewer/ViewPage?callback=jQuery182037546421 

494334936_1365756388499&Catalog=52303030-3030-3030-3030-303030303133 

&Page=4&_=1365756388522HTTP/1.1 

Host:www.ekumesh.com 

Connection:keep-alive 

Accept:text/javascript,application/javascript, 

application/ecmascript,application/x-ecmascript,*/*;q=0.01 

X-Requested-With:XMLHttpRequest 

User-Agent:Mozilla/5.0(Windows NT6.2;WOW64)AppleWebKit/537.31 

(KHTML,like Gecko)Chrome/26.0.1410.64Safari/537.31 

Referer: 

http://www.ekumesh.com/Viewer.html?uid=52303030-3030-3030-3030-30303 

0303133&catalog=%E6%8E%A7%E5%88%B6%E4%BA%A7%E5%93%81%E4%BD%8E%E5%8E% 

8B%E6%8E%A7%E5%88%B6%E4%BA%A7%E5%93%81Control%20Product&supplier=ABB 

%E4%B8%AD%E5%9B%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&supplierUid=5 

3303030-3030-3030-3030-303030303032 

Accept-Encoding:gzip,deflate,sdch 

Accept-Language:zh-CN,zh;q=0.8 

Accept-Charset:UTF-8,*;q=0.5 

Cookie:PHPSESSID=6f0js8em6runjjjrueie1ubff0 

服务器收到清单1所示的请求后进行响应，于是得到类似清单2所示的结果，经过格式化即为清单3所示的结果，其中Previous3Page、Previous2Page、PreviousPage、CurrentPage、NextPage、Next2Page分别表示上三页、上二页、上一页、当前页、下一页、下二页的页面内容所在的URL。 

清单2 

{"StatusMsg":"OK","Title":"\u63a7\u5236\u4ea7\u54c1\u4f4e\u538b\u63a 

7\u5236\u4ea7\u54c1Control 

Product","Previous3Page":"Catalog\/52303030-3030-3030-3030-303030303 

133\/page\/page1.html","Previous2Page":"Catalog\/52303030-3030-3030- 

3030-303030303133\/page\/page2.html","PreviousPage":"Catalog\/523030 

30-3030-3030-3030-303030303133\/page\/page3.html","CurrentPage":"Cat 

alog\/52303030-3030-3030-3030-303030303133\/page\/page4.html","NextP 

age":"Catalog\/52303030-3030-3030-3030-303030303133\/page\/page5.htm 

l","Next2Page":"Catalog\/52303030-3030-3030-3030-303030303133\/page\ 

/page6.html"} 

清单3 

{ 

StatusMsg:"OK", 

Title:"控制产品低压控制产品Control Product", 

Previous3Page: 

"Catalog/52303030-3030-3030-3030-303030303133/page/page1.html", 

Previous2Page: 

"Catalog/52303030-3030-3030-3030-303030303133/page/page2.html", 

PreviousPage: 

"Catalog/52303030-3030-3030-3030-303030303133/page/page3.html", 

CurrentPage: 

"Catalog/52303030-3030-3030-3030-303030303133/page/page4.html", 

NextPage: 

"Catalog/52303030-3030-3030-3030-303030303133/page/page5.html", 

Next2Page: 

"Catalog/52303030-3030-3030-3030-303030303133/page/page6.html" 

} 

将清单2所示的请求中，根据Previous3Page、Previous2Page、PreviousPage、CurrentPage、NextPage、Next2Page所表示的URL创建一共6个iframe，并且插入到阅读器div中，最终的DOM结果如清单4所示。现在对其中的每个iframe附加load事件：，首先遍历这些iframe中document中的img标签，本例中对于CurrentPage的iframe的document中，只有一个imageName属性为page4的img元素，所以将发出如清单5所示的请求，其中Catalog表示所需请求图片所在的书本标识符，ImageName表示需要请求page4这张图片，Scale为根据式（4）计算所得的图片（显然，就是页面的）缩放比例s_p，PreferredHeight、PreferredWidth分别为图片的原始大小，服务端响应此请求后，得到如清单6所示的响应、格式化后如清单7所示，其中ImageUrl表示符合要求的经过缩放处理的最佳尺寸图片URL；得到每个符合要求的图片URL后，将所在的img卷标设置src属性为相应的URL，此处设置src为"Catalog/52303030-3030-3030-3030-303030303133/765_1074_page4.jpg"；然后设置根据错误！未找到引用源。）计算得到页面的CSS3属性如清单8所示。 

清单4 

<div id="right-panel"> 

<div class="loading-mask"style="display:none;"></div> 

<a id="previous-page"class="turn-page-button"></a> 

<a id="next-page"class="turn-page-button"></a> 

<iframe height="100%"width="100%" 

src="http://www.ekumesh.com/res/Catalog/52303030-3030-3030-3030-303030303133/pa 

ge/page2.html"class="page-content"style="display:none;"></iframe> 

<iframe height="100%"width="100%" 

src="http://www.ekumesh.com/res/Catalog/52303030-3030-3030-3030-303030303133/pa 

ge/page3.html"class="page-content"style="display:none;"></iframe> 

<iframe height="100%"width="100%" 

src="http://www.ekumesh.com/res/Catalog/52303030-3030-3030-3030-303030303133/pa 

ge/page4.html"class="page-content"style=""id="page-content"></iframe> 

<iframe height="100%"width="100%" 

src="http://www.ekumesh.com/res/Catalog/52303030-3030-3030-3030-303030303133/pa 

ge/page5.html"class="page-content"style="display:none;"></iframe> 

<iframe height="100%"width="100%" 

src="http://www.ekumesh.com/res/Catalog/52303030-3030-3030-3030-303030303133/pa 

ge/page6.html"class="page-content"style="display:none;"></iframe> 

<iframe height="100%"width="100%" 

src="http://www.ekumesh.com/res/Catalog/52303030-3030-3030-3030-303030303133/pa 

ge/page7.html"class="page-content"style="display:none;"></iframe> 

<iframe height="100%"width="100%" 

src="http://www.ekumesh.com/res/Catalog/52303030-3030-3030-3030-303030303133/pa 

ge/page1.html"class="page-content"style="display:none;"></iframe> 

</div> 

清单5 

GET 

/index.php/ProductCatalogViewer/LoadImage?callback=jQuery18209274573 

663715273_1366003338325&Catalog=52303030-3030-3030-3030-303030303133 

&ImageName=page4&Scale=0.07423946413619871&PreferredHeight=3580&Pref 

erredWidth=2550&_=1366003357157HTTP/1.1 

Host:www.ekumesh.com 

Connection:keep-alive 

Accept:text/javascript,application/javascript, 

application/ecmascript,application/x-ecmascript,*/*;q=0.01 

X-Requested-With:XMLHttpRequest 

User-Agent:Mozilla/5.0(Windows NT6.2;WOW64)AppleWebKit/537.31 

(KHTML,like Gecko)Chrome/26.0.1410.64Safari/537.31 

Referer: 

http://www.ekumesh.com/Viewer.html?uid=52303030-3030-3030-3030-30303 

0303133&catalog=%E6%8E%A7%E5%88%B6%E4%BA%A7%E5%93%81%E4%BD%8E%E5%8E% 

8B%E6%8E%A7%E5%88%B6%E4%BA%A7%E5%93%81Control%20Product&supplier=ABB 

%E4%B8%AD%E5%9B%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&supplierUid=5 

3303030-3030-3030-3030-303030303032 

Accept-Encoding:gzip,deflate,sdch 

Accept-Language:zh-CN,zh;q=0.8 

Accept-Charset:UTF-8,*;q=0.5 

Cookie:PHPSESSID=lq5rbm7ce7c5kpj2192pth3mt0 

Query String Parametersview sourceview URL encoded 

callback:jQuery18209274573663715273_1366003338325 

Catalog:52303030-3030-3030-3030-303030303133 

ImageName:page4 

Scale:0.07423946413619871 

PreferredHeight:3580 

PreferredWidth:2550 

_:1366003357157 

清单6 

{"StatusMsg":"OK","FromCache":true,"ImageUrl":"Catalog\/52303030-303 

0-3030-3030-303030303133\/765_1074_page4.jpg"} 

清单7 

{ 

StatusMsg:"OK", 

FromCache:true, 

ImageUrl: 

"Catalog/52303030-3030-3030-3030-303030303133/765_1074_page4.jpg" 

} 

清单8 

{ 

-webkit-transform:matrix(s_p,0,0,s_p,X_p,Y_p); 

-moz-tranform:matrix(s_p,0,0,s_p,X_p,Y_p); 

-o-transfrom:matrix(s_p,0,0,s_p,X_p,Y_p); 

-ms-transform:matrix(s_p,0,0,s_p,X_p,Y_p); 

-webkit-transform-origin:00; 

-moz-transform-origin:00; 

-o-transform-origin:00; 

-ms-transform-origin:00; 

} 

用户将鼠标移到相对于阅读器的世界坐标系中的(10,10)处，然后双击鼠标，这将触发所在iframe的鼠标滚轮事件，这时阅读器会根据式（7）计算出新的 

进而根据式（8）计算出新的T_n+1，其中(x_c,y_c)=(10,10)，然后据此设置iframe的document的CSS属性如清单8所示。 

至此，完成相对于页面(10,10)点以110％的比例查看『ABB中国有限公司』的《控制产品低压控制产品Control Product》的第5页这个操作。 

Claims (6)

1.一种电子出版物阅读系统，其特征在于，包括出版物阅读器和出版物资源定位器，

出版物资源定位器的作用是根据指令获取出版物资源的位置，

所述的出版物资源包括电子出版物页面的结构信息和资源信息，

所述的结构信息包括电子出版物页面内元素的先后顺序关系以及包含关系，即电子出版物页面内元素组成的树状结构的拓扑，

所述的资源信息是指电子出版物页面内元素所代表的内容，包括文本、图像、视频、音频、交互和∕或样式，根据电子出版物页面内元素的内容分类，所述的电子出版物页面内元素分为矢量元素、标量元素和逻辑元素，

所述的出版物阅读器包括控制部分、输入输出部分和存储部分，其中，

控制部分接收版物资源的位置信息和∕或出版物资源信息，发送出版物资源位置信息和∕或出版物资源请求，控制协调存储部分和输入输出部分；

输入输出部分提供用户与出版物阅读器间的交互，呈现出版物资源的内容给到用户；

存储部分提供对出版物资源的缓存，

所述的电子出版物阅读系统的工作过程如下：

首先出版物阅读器发送请求到出版物资源定位器，请求获得所述电子出版物的某一页的页面位置信息，

然后出版物资源定位器将该页面资源的位置信息返回给出版物阅读器，

出版物阅读器此时根据相应用户的操作，进行包括缩放和∕或平移操作。

2.如权利要求1所述的电子出版物阅读系统，其特征在于，所述的出版物阅读器中的输入输出部分包括一个二维显示平面作为输出，还包括一个由用户进行控制的控制区域作为输入，以及用于响应用户上下翻页用的操作响应器，用户通过这个区域进行出版物的翻页操作。

3.如权利要求2所述的电子出版物阅读系统，其特征在于，出版物阅读器发送请求到出版物资源定位器，请求获得的所述电子出版物的某一页的页面位置信息包括该电子出版物的标识信息和页码，出版物资源定位器返回给出版物阅读器的信息包括向前若干页的页面位置、当前页页面位置和向后若干页页面位置。

4.如权利要求3所述的电子出版物阅读系统，其特征在于，在所述的出版物阅读器的输出部分中，为每个已经获取到出版物资源页面位置的页面动态创建一个二维显示平面区域作为页面呈现输出，每个页面呈现即为出版物阅读器输出，其呈现的内容即为对应的出版物资源。

5.如权利要求4所述的电子出版物阅读系统，其特征在于，所述的出版物阅读器的的存储部分采用先进先出的缓存方式，当请求的资源超过了缓存规定的大小后，自动清除当前缓存中最先缓存的一个呈现输出，减少用户在翻阅过程中需要重复加载资源导致的等待时间。

6.如权利要求5所述的电子出版物阅读系统，其特征在于，所述页面呈现的构造过程包括以下步骤：

A1，定义所述阅读器状态转移由式（1）表达，

所述的状态转移指根据用户的输入在原有输出的基础上得到新的输出，

其中，T是状态转移的作用变量，用来体现用户的输入，

T_n指阅读器原有状态、即现态，

T_n+1指阅读器下一状态、即次态，T₀表示初态；

A2，采用式（2）对页面呈现做渲染的初始化，

其中p为页码、s_p为页面适应阅读器的最佳缩放比例、W为阅读器的宽度、w_p为页面的原始宽度、H为阅读器的高度、h_p为页面的原始高度；

A3，假如正在构造的是当前页面，则令阅读器的缩放比例S₀设置为s_p，为了让页面居中显示，计算页面的左上角的点相对于阅读器的坐标位置，计算过程如式（3）所示，其中X_p、Y_p分别代表页面内容呈现输出距离阅读器输出的坐标，坐标系采用世界坐标系，坐标原点为元素的左上角。

（3）

A4，使用矩阵变换做页面内容所在呈现输出的二维变换，将其真正的居中于阅读器输出并且符合阅读器输出的大小，需要进行的操作是复合操作，以呈现输出的左上角为变换参考点，可以看成是先进行关于坐标原点的缩放再进行平移，计算过程如式（4）所示，所述的二维变换中的参考点均为元素的左上角，

$\left[\begin{array}{c}{x}_{p0}\\ y_{p0}\\ 1\end{array}\right]=\left[\begin{array}{ccc}1& 0& X_p\\ 0& 1& Y_p\\ 0& 0& 1\end{array}\right]\left[\begin{array}{ccc}{s}_p& 0& 0\\ 0& s_p& 0\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_p\\ y_p\\ 1\end{array}\right]=\left[\begin{array}{ccc}{s}_p& 0& X_p\\ 0& s_p& Y_p\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_p\\ y_p\\ 1\end{array}\right]=T_0\left[\begin{array}{c}0\\ 0\\ 1\end{array}\right]\&DoubleRightArrow;T_0=\left[\begin{array}{ccc}{s}_p& 0& X_p\\ 0& s_p& Y_p\\ 0& 0& 1\end{array}\right]---\left(4\right)$

A5，对于页面内容呈现输出中的标量元素，在构造页面的过程中通过使用渲染页面标量元素的操作来控制，当需要渲染页面内标量元素时，首先遍历当前页及其相邻的前后页面的呈现输出，对于每一个这样的呈现输出元素，遍历其中的标量元素，通过向定位器发送包含标量元素的标识、标量元素变换前的空间占有、当前阅读器的缩放比例的请求而得到的对应的标量资源地址来加载符合要求的标量元素，资源定位器返回标量资源位置的时候，会根据需求，返回满足需要中最小空间占用的标量元素，即在二维空间中的最小宽度和高度；

A6，用户控制光标来实现页面的平移，涉及的操作包括平移操作、改变光目标位置、完成平移操作，当用户开始平移操作时将，记录用户当前光标相对于阅读器坐标系的坐标，并且让阅读器对应光标移动的事件，

当用户连续的移动光标时，在每次光目标移动的过程中，计算光标坐目标偏移量，根据平移偏移量大小的距离完成该次光标移动所需要的平移操作，

直到用户结束平移之前，一直重复上述过程，否则，就结束这个过程，表示用户平移操作完成，其中页面平移的计算过程如式（5）所示，其中，Δ_x、Δ_y分别表示用户每次光标移动的对应坐标上的距离，

$\left[\begin{array}{c}{x}_{p,n+1}\\ y_{p,n+1}\\ 1\end{array}\right]=T_{n+1}\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]={\mathrm{TT}}_n\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]=\left(\left[\begin{array}{ccc}1& 0& \mathrm{\&Delta;x}\\ 0& 1& \mathrm{\&Delta;y}\\ 0& 0& 1\end{array}\right]\right)\left[\begin{array}{ccc}{S}_n& 0& x_{p,n}\\ 0& S_n& y_{p,n}\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]=\left[\begin{array}{ccc}{S}_n& 0& x_{p,n}+\mathrm{\&Delta;x}\\ 0& S_n& y_{p,n}+\mathrm{\&Delta;y}\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]$

$\&DoubleRightArrow;T_{n+1}={\mathrm{TT}}_n=\left[\begin{array}{ccc}{S}_{n+1}& 0& x_{p,n+1}\\ 0& S_{n+1}& y_{p,n+1}\\ 0& 0& 1\end{array}\right]=\left[\begin{array}{ccc}{S}_n& 0& x_{p,n}+\mathrm{\&Delta;x}\\ 0& S_n& y_{p,n}+\mathrm{\&Delta;y}\\ 0& 0& 1\end{array}\right]$

（5）

A7，页面的缩放操作的过程包括，用户将光标移至页面上的某一点、用户进行缩放操作改变缩放的幅度，

当用户进行缩放操作的时候，阅读器将根据用户当前所在的坐标位置确定缩放的中心位置，然后再进行缩放操作，

每次用户通过输入改变幅度进行页面缩放的时候，缩放的比率是通过幅度确定的，为了在滚动的时候使得比率进行适当的调节，使用如式（6）所示的函数进行比率的确定，其中α表示单位幅度产生的缩放比率，p表示鼠标累计浮动的量，

A8，根据式（6），推导出式（7），其中Δp即表示单位幅度的距离,

$\frac{S_{n+1}}{S_n}=\frac{S(p+\mathrm{\&Delta;p})}{S\left(p\right)}=\frac{{(1+\mathrm{\&alpha;})}^{p+\mathrm{\&Delta;p}}}{{(1+\mathrm{\&alpha;})}^p}={(1+\mathrm{\&alpha;})}^{\mathrm{\&Delta;p}}\&DoubleRightArrow;S_{n+1}=t{S}_n={(1+\mathrm{\&alpha;})}^{\mathrm{\&Delta;p}}{S}_n\&DoubleRightArrow;t={(1+\mathrm{\&alpha;})}^{\mathrm{\&Delta;p}}$

(7)

在阅读器输出为原点的直角坐标系内，首先关于开始缩放时光标所在点平移页面到坐标原点、缩放到页面本身无缩放状态前的原始大小、缩放到用户需要的大小、最后重新关于原点平移到点击的位置，计算的过程如式（8）所示，其中x_c、y_c分别表示用户进行缩放操作时光标相对于阅读器输出的坐标，

$\left[\begin{array}{c}{x}_{p,n+1}\\ y_{p,n+1}\\ 1\end{array}\right]=T_{n+1}\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]={\mathrm{TT}}_n\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]=\left(\left[\begin{array}{ccc}1& 0& x_c\\ 0& 1& y_c\\ 0& 0& 1\end{array}\right]\left[\begin{array}{ccc}t& 0& 0\\ 0& t& 0\\ 0& 0& 1\end{array}\right]\left[\begin{array}{ccc}1& 0& -x_c\\ 0& 1& -y_c\\ 0& 0& 1\end{array}\right]\right)\left[\begin{array}{ccc}{S}_n& 0& x_{p,n}\\ 0& S_n& y_{p,n}\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]$

$=\left[\begin{array}{ccc}{\mathrm{tS}}_n& 0& S_n{x}_{p,n}+x_c(1-t)\\ 0& {\mathrm{tS}}_n& S_n{y}_{p,n}+y_c(1-t)\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}{x}_{p,n}\\ y_{p,n}\\ 1\end{array}\right]\&DoubleRightArrow;T_{n+1}={\mathrm{TT}}_n=\left[\begin{array}{ccc}{S}_{n+1}& 0& x_{p,n+1}\\ 0& S_{n+1}& y_{p,n+1}\\ 0& 0& 1\end{array}\right]$

$=\left[\begin{array}{ccc}{\mathrm{tS}}_n& 0& S_n{x}_{p,n}+x_c(1-t)\\ 0& {\mathrm{tS}}_n& S_n{y}_{p,n}+y_c(1-t)\\ 0& 0& 1\end{array}\right]$

（8）。