一种基于安卓设备WebView的手写系统及方法技术方案

本发明专利技术提供了一种基于安卓设备WebView的手写系统及方法，手写系统包括网页结构及绘制系统，网页结构包括：底层网页、继承网页、手写层；绘制系统包括：监听模块、手写模块及处理单元，监听模块及手写模块均连接于处理单元。手写方法为：S1：获取缩放系数；S2：获取底层网页加载网页的滚动偏移量；S3：调整手写层的缩放系数及位置，使其与底层网页保存一致；S4：监听底层网页的移动事件；S5实现矢量手写。本发明专利技术的技术方案在手写的过程中，不断获取网页滚动的偏移量，实现滚动手写，扩大手写范围，手写的区域覆盖整个网页；手写区域跟随网页一起缩放，不会出现位置偏差；且采用矢量图形显示，使手写内容放大后不失真。

【技术实现步骤摘要】

本专利技术涉及一种网页批注系统及方法，尤其涉及一种手写区域扩大至整个网页区域，手写区域随网页一起缩放，不会出现位置偏差，同时手写内容放大后不失真的一种基于安卓设备WebView的手写系统及方法。
技术介绍
在因特网的时代，网页是现代人信息的主要来源之一，目前全世界有数十亿个网页提供人们各种类型的信息服务，而且网页的数量还在不断的快速成长。人们在浏览网页时，有时会需要在网页所提供的内容上加上自己的见解、标示、或者心得等批注，在这种情况下，人们通常需要将网页打印出来，在打印的纸张上加上这些批注，当需要将含有自己见解的网页内容分享给其他人时，即需要将这些加有批注的纸张复印分发给其他人，显然，这种做法既不方便，也不环保。现有的Android手写app大都不支持在网页上进行手写，有的应用支持在Android的系统View层上手写，有的应用支持在一张背景图片上手写，还有一部分应用可以支持在pdf文件上手写，因此，不方便用户在网页上进行手写批注。但是，如中国专利CN105653144A公开了一种基于网页的手写输入法，包括：当编辑器接收到浏览器的调用请求时，所述编辑器在所述浏览器所加载的网页上显示包含图标栏的编辑区；所述图标栏包括手写输入图标；若所述编辑器监控到输入装置对所述手写输入图标所执行的点击操作，则所述编辑器捕获所述输入装置的移动轨迹；所述编辑器向所述浏览器发送图片形式的所述移动轨迹，以使所述浏览器将所述图片形式的移动轨迹添加至所述网页中。本专利技术公开的技术方案，通过当编辑器接收到浏览器的调用请求时，在浏览器所加载的网页上显示包含图标栏的编辑区，进而若编辑器监控到输入装置对图标栏中的手写输入图标所执行的点击操作，则捕获输入装置的移动轨迹，并向浏览器发送图片形式的该移动轨迹，以使浏览器将该图片形式的移动轨迹添加至网页中，从而实现了在网页中进行手写输入，解决了现有技术中只能在网页中添加文字和符号，编辑器功能较为单一的技术问题。但是该专利技术公开的技术方案，以图片形式的移动轨迹加至网页中，从而实现了在网页中进行手写输入，因此，经过缩放后，特别是放大后，会出现模糊的情况，体验度好。又如，中国专利CN 101441644A公开了一种网页批注系统与方法，网页批注系统包括一底层网页、一XML矢量图形网页批注，覆盖在所述的底层网页上，其包括：至少一批注层，分别附加至少一批注对象，其中使用者根据权限新增、储存、删除或编辑批注层或批注对象，或者启动差异更新以更新批注层或批注对象，其中所述的批注对象包括形状。文字、手写、荧光笔、便利贴、超链接、书签、橡皮擦、图标、图形、或声音的XML矢量图形元素；一处理程序层，包括至少一事件处理程序；以及一事件静听层，用以接收使用者触发的与批注层有关的事件，并呼叫所述的处理程序层中相应的事件处理程序，将使用者触发的事件交由相应的事件处理程序处理；其中所述的事件静听层与批注层是由XML矢量图形元素所构成且本身呈现并不会遮住所述的底层网页，而附加到批注层上的批注对象均是XML矢量图形元素且其呈现会遮住所述的底层网页，以表现出在所述的底层网页上加上批注对象的态样。该专利技术专利公开的技术方案，采用XML矢量图形进行网页批注，解决了网页放大后会出现模糊情况的现象，提高体验度。但是，由于获取不到网页上下，左右滚动的偏移量，造成手写的内容始终集中在初始的设备屏幕的区域即[0,0,屏幕宽度,屏幕高度]的区域内，因此，手写的内容区域集中在屏幕的大小范围内，如果手写内容区域超过屏幕的大小，便不能很好的应对，有局限性，不能实现滚动手写。
技术实现思路
为了解决上述问题，本专利技术公开了一种能够在手写的过程中，不断获取网页上下、左右滚动的偏移量，实现滚动手写，扩大手写范围，同时放大后不失真的一种基于安卓设备WebView的手写系统及方法。本专利技术公开的一种基于安卓设备WebView的手写系统，包括网页结构及绘制系统；网页结构包括：底层网页，位于底层网页上方，且与底层网页同步滚动、缩放的继承网页，及位于继承网页上方的手写层；绘制系统包括：针对继承网页的监听模块、位于手写层的手写模块及处理单元，监听模块及手写模块均连接于处理单元，由处理单元控制。在一些实施方式中，监听模块包括：针对继承网页的缩放事件监听单元、偏移量获取单元及移动事件获取单元；手写模块包括：位于手写层的画布缩放系数调整单元、画布起始位置调整单元及绘制单元；缩放事件监听单元、偏移量获取单元、移动事件获取单元、画布缩放系数调整单元、画布起始位置调整单元及绘制单元均连接于处理单元，由处理单元控制。在一些实施方式中，处理单元包括存储单元，缩放事件监听单元、偏移量获取单元及移动事件获取单元获取的数据均存储于存储单元内。在一些实施方式中，还包括重绘单元，重绘单元位于底层网页，重绘单元与绘制单元及处理单元连接，由处理单元控制，沿绘制单元的轨迹执行重绘。本专利技术还公开了一种基于安卓设备WebView的手写方法，其特征在于，包括以下步骤：S1：监听WebView底层网页的缩放事件，获取底层网页的缩放系数；S2：获取底层网页中加载网页的上、下、左、右的滚动偏移量；S3：调整手写层的缩放系数及位置，使手写层的缩放系数与底层网页的缩放系数一致，手写层的位置与底层网页位置保存一致；S4：监听底层网页的移动事件，方便手写时坐标数据的采集；S5：矢量手写内容实现。在一些实施方式中，步骤S1具体包括：S11：自定义一个WebView类，继承Android系统的WebView，形成一位于底层网页上方，且与底层网页同步滚动、缩放的继承网页；S12：在自定义的继承网页中重写onTouchEvent方法,并使用ScaleGestureDetector拦截继承网页随底层网页的缩放事件；S13：继承网页随底层网页缩放结束后，调用自定义的继承网页的getScale()，以获得继承网页随底层网页的缩放系数scale，并记录保存该值至处理单元的存储单元内。在一些实施方式中，步骤S2具体为：在步骤S11中自定义的底层网页中重写onScrollChanged方法，从而获得继承网页随底层网页在竖直方向上的滚动的值Y，及在水平方向上的滚动的值X，并记录保存Y和X至处理单元的存储单元内。在一些实施方式中，步骤S3具体包括：S31：调整手写层的缩放系数，其缩放系数等于存储单元中存储的值scale；S32：调整手写层的起始位置，其起始位置为存储单元中存储的值X和Y的坐标位置。在一些实施方式中，步骤S4具体为：在步骤S12中的onTouchEvent方法中监听move事件，从而获取一系列坐标点(x,y)，将获取的一系列坐标点(x,y)绘制至手写层中，实现手写功能。在一些实施方式中，步骤S5具体为：在Android系统的WebView底层网页上执行重绘的命令，从而实现矢量手写。本专利技术公开的一种基于安卓设备WebView的手写系统及方法，与现有技术相比，其优点在于，能够在安卓设备的WebView上较好的实现在手写功能，适应大部分网页上的手写要求；在手写的过程中，不断获取网页上下、左右滚动的偏移量，实现滚动手写，扩大手写范围，手写的区域能够覆盖整个网页，其手写区域即为所有网页的区域；手写区域跟随网页一起缩放，不会出现位置偏差的问题；且采用本文档来自技高网...

【技术保护点】
一种基于安卓设备WebView的手写系统，其特征在于，包括网页结构及绘制系统；所述网页结构包括：底层网页(1)，位于所述底层网页(1)上方，且与所述底层网页(1)同步滚动、缩放的继承网页(2)，及位于所述继承网页(2)上方的手写层(3)；所述绘制系统包括：针对所述继承网页(2)的监听模块(20)、位于所述手写层(3)的手写模块(30)及处理单元(4)，所述监听模块(20)及所述手写模块(30)均连接于所述处理单元(4)，由所述处理单元(4)控制。

【技术特征摘要】
1.一种基于安卓设备WebView的手写系统，其特征在于，包括网页结构及绘制系统；所述网页结构包括：底层网页(1)，位于所述底层网页(1)上方，且与所述底层网页(1)同步滚动、缩放的继承网页(2)，及位于所述继承网页(2)上方的手写层(3)；所述绘制系统包括：针对所述继承网页(2)的监听模块(20)、位于所述手写层(3)的手写模块(30)及处理单元(4)，所述监听模块(20)及所述手写模块(30)均连接于所述处理单元(4)，由所述处理单元(4)控制。2.根据权利要求1所述的一种基于安卓设备WebView的手写系统，其特征在于，所述监听模块(20)包括：针对所述继承网页(2)的缩放事件监听单元(21)、偏移量获取单元(22)及移动事件获取单元(23)；所述手写模块(30)包括：位于所述手写层(3)的画布缩放系数调整单元(31)、画布起始位置调整单元(32)及绘制单元(33)；所述缩放事件监听单元(21)、偏移量获取单元(22)、移动事件获取单元(23)、画布缩放系数调整单元(31)、画布起始位置调整单元(32)及绘制单元(33)均连接于所述处理单元(4)，由所述处理单元(4)控制。3.根据权利要求2所述的一种基于安卓设备WebView的手写系统，其特征在于，所述处理单元(4)包括存储单元(41)，所述缩放事件监听单元(21)、偏移量获取单元(22)及所述移动事件获取单元(23)获取的数据均存储于所述存储单元(41)内。4.根据权利要求3所述的一种基于安卓设备WebView的手写系统，其特征在于，还包括重绘单元(11)，所述重绘单元(11)位于所述底层网页(1)，所述重绘单元(11)与所述绘制单元(33)及所述处理单元(4)连接。5.一种基于安卓设备WebView的手写方法，其特征在于，包括以下步骤：S1：监听WebView所述底层网页(1)的缩放事件，获取所述底层网页(1)的缩放系数；S2：获取所述底层网页(1)中加载网页的上、下、左、右的滚动偏移量；S3：调整所述手写层(3)的缩放系数及位置，使所述手写层(3)的缩放系数与所述底层网页(1)的缩放系数一致，所述手写层(3)的位置与所述底层网页(1)位置保存一致；S4：监...

【专利技术属性】
技术研发人员：何中，汤海泉，严伟，戴建峰，陈甲伟，杨燕龙，孙莉，
申请(专利权)人：江苏中威科技软件系统有限公司，
类型：发明
国别省市：江苏;32