CN108228286A - 绘制元素跟踪方法及装置 - Google Patents

绘制元素跟踪方法及装置 Download PDF

Info

Publication number
CN108228286A
CN108228286A CN201611156472.1A CN201611156472A CN108228286A CN 108228286 A CN108228286 A CN 108228286A CN 201611156472 A CN201611156472 A CN 201611156472A CN 108228286 A CN108228286 A CN 108228286A
Authority
CN
China
Prior art keywords
webpage
path
coordinate
drafting
mouse
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201611156472.1A
Other languages
English (en)
Inventor
周建涛
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Gridsum Technology Co Ltd
Original Assignee
Beijing Gridsum Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Gridsum Technology Co Ltd filed Critical Beijing Gridsum Technology Co Ltd
Priority to CN201611156472.1A priority Critical patent/CN108228286A/zh
Publication of CN108228286A publication Critical patent/CN108228286A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

Abstract

本发明公开了一种绘制元素跟踪方法及装置，涉及信息技术领域，解决了现有技术中无法对绘制元素进行跟踪的问题。本发明的主要技术方案为：监听鼠标针对网页上绘制元素的触发操作，所述绘制元素为通过绘制画布绘制的元素；将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标；检测所述画布坐标是否落入所述绘制元素的路径范围内，所述路径范围为所述绘制元素在所述绘制画布上的路径范围；若落入所述绘制元素的路径范围内，则响应所述触发操作。本发明适用于绘制元素的跟踪。

Description

绘制元素跟踪方法及装置
技术领域
本发明涉及信息技术领域，尤其涉及一种绘制元素跟踪方法及装置。
背景技术
随着信息技术的不断发展和网页开发技术的兴起，使用一次性绘制技术，如canvas技术，制作网页动画和绘制图形效果已成为了一种潮流。与其他绘制技术相比，一次性绘制技术能够更好的兼容移动终端，且能够实现一次性绘制动画或者绘制图形效果。然而，一次性绘制技术在指定绘制元素绘制完成后，无法对绘制画布上的任何绘制元素进行跟踪，使得绘制动画的过程变得复杂以及无法实现用户与一次性绘制画布的交互。
发明内容
鉴于上述问题，提出了本发明，以便提供一种克服上述问题或者至少部分地解决上述问题的绘制元素跟踪方法及装置。
为达到上述目的，本发明主要提供如下技术方案：
一方面，本发明提供了一种绘制元素跟踪方法，所述方法包括：
监听鼠标针对网页上绘制元素的触发操作，所述绘制元素为通过绘制画布绘制的元素；
将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标；
检测所述画布坐标是否落入所述绘制元素的路径范围内，所述路径范围为所述绘制元素在所述绘制画布上的路径范围；
若落入所述绘制元素的路径范围内，则响应所述触发操作。
另一方面，本发明提供了一种绘制元素跟踪装置，所述装置包括：
监听单元，用于监听鼠标针对网页上绘制元素的触发操作，所述绘制元素为通过绘制画布绘制的元素；
转换单元，用于将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标；
检测单元，用于检测所述画布坐标是否落入所述绘制元素的路径范围内，所述路径范围为所述绘制元素在所述绘制画布上的路径范围；
响应单元，用于若所述检测单元检测所述画布坐标落入所述绘制元素的路径范围内，则响应所述触发操作。
借由上述技术方案，本发明提供的一种绘制元素跟踪方法及装置。与目前无法实现绘制元素跟踪相比，本发明实施例通过在监听到鼠标针对网页上绘制元素的触发操作时，将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标，以及在检测所述画布坐标落入所述绘制元素的路径范围内，响应所述触发操作，实现了对绘制元素进行跟踪，简化了绘制动画的过程，以及实现了用户与一次性绘制画布的交互。
附图说明
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
图1为本发明实施例提供的一种绘制元素跟踪方法流程图；
图2为本发明实施例提供的另一种绘制元素跟踪方法流程图；
图3为本发明实施例提供的一种绘制元素跟踪装置结构示意图；
图4为本发明实施例提供的另一种绘制元素跟踪装置结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
为使本发明技术方案的优点更加清楚，下面结合附图和实施例对本发明作详细说明。
本发明实施例提供了一种绘制元素跟踪方法，如图1所示，所述方法包括：
101、监听鼠标针对网页上绘制元素的触发操作。
其中，所述绘制元素为通过绘制画布绘制的元素。所述绘制画布可以一次性绘制画布，具体可以为canvas画布，所述绘制元素具体可以为canvas元素。所述触发操作具体可以为鼠标点击所述canvas元素的操作。
102、将鼠标在网页上的网页坐标转换为鼠标在绘制画布上的画布坐标。
其中，鼠标在网页上的网页坐标可以为通过GetCursorPost函数获取的，鼠标在网页上的网页坐标可以为(e.clientX，e.clientY)，鼠标在绘画画布上的画布坐标可以为(e.canvasX，e.canvasY)。通过将鼠标在网页上的网页坐标转换为鼠标在绘制画布上的画布坐标，能够实现判断鼠标在绘制画布上的画布坐标是否落入绘制元素的路径范围内，从而能够确定是否对鼠标针对网页上绘制元素的触发操作进行响应。
103、检测鼠标在绘制画布上的画布坐标是否落入绘制元素的路径范围内。
其中，所述路径范围为所述绘制元素在所述绘制画布上的路径范围。所述路径范围可以为通过描绘所述绘制元素的路径确定的。
104、若落入绘制元素的路径范围内，则响应鼠标针对网页上绘制元素的触发操作。
对于本发明实施例，可以通过调用响应触发操作函数，实现鼠标针对网页上绘制元素的触发操作的响应。此外，通过在鼠标的画布坐标所述绘制元素的路径范围内，响应所述触发操作，实现了对绘制元素进行跟踪，简化了绘制动画的过程，以及实现了用户与一次性绘制画布的交互。
本发明实施例提供的一种绘制元素跟踪方法。与目前无法实现绘制元素跟踪相比，本发明实施例通过在监听到鼠标针对网页上绘制元素的触发操作时，将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标，以及在检测所述画布坐标落入所述绘制元素的路径范围内，响应所述触发操作，实现了对绘制元素进行跟踪，简化了绘制动画的过程，以及实现了用户与一次性绘制画布的交互。
本发明实施例提供了另一种绘制元素跟踪方法，如图2所示，所述方法包括：
201、添加针对网页上绘制元素的触发操作的监听器。
其中，所述绘制元素为通过绘制画布绘制的元素。绘制元素是文档对象模型元素，绘制画布通常以一个整体来判断是否响应鼠标的触发操作。
需要说明的是，所述添加针对网页上绘制元素的触发操作的监听器的步骤具体可以通过以下伪代码进行实现：
canvas.addEventListener('click',function(e){})。
202、通过监听器监听鼠标针对网页上绘制元素的触发操作。
对于本实施例，当监听器监听到所述触发操作是，绘制元素的指定回调函数会被触发，从而通过调用鼠标坐标转换装置实
203、获取鼠标在网页上的网页坐标和绘制画布在网页上的网页坐标。
其中，所述鼠标在网页上的网页坐标的获取方式在步骤102已进行阐述，在此不进行赘述。所述绘制画布在网页上的网页坐标可以通过以下伪代码进行实现：
var bound＝canvas.getBoundingClientRect()。
204、根据鼠标在网页上的网页坐标和绘制画布在网页上的网页坐标，计算鼠标在绘制画布上的画布坐标。
需要说明的是，可以以网页的左上角的点作为坐标原点，网页的左边界作为X轴，网页的上边界作为Y轴，鼠标在网页上的网页坐标可以为(e.clientX，e.clientY)，绘制画布在网页X轴方向上的的网页坐标可以为：
canvas.clientX＝bound.left*(canvas.width/bound.width)，其中，bound.left可以为绘制画布左边界距离网页左边界的距离，canvas.width可以为绘制画布的宽度，bound.width可以为网页的宽度。
绘制画布在网页Y轴方向上的的网页坐标可以为：
canvas.clientY＝bound.top*(canvas.height/bound.height)，其中，bound.top可以为绘制画布左边界距离网页上边界的距离，canvas.height/可以为绘制画布的高度，bound.height可以为网页的高度。
对于本发明实施例，所述鼠标在绘制画布上的画布坐标的计算过程可以通过如下伪代码进行实现：
其中，鼠标在绘制画布X轴方向上的画布坐标可以为鼠标在网页X轴方向上的网页坐标与绘制画布在网页X轴方向上的网页坐标的差；鼠标在绘制画布Y轴方向上的画布坐标可以为鼠标在网页X轴方向上的网页坐标与绘制画布在网页Y轴方向上的网页坐标的差。
205、检测鼠标在绘制画布上的画布坐标是否落入绘制元素的路径范围内。
其中，所述路径范围为所述绘制元素在所述绘制画布上的路径范围。
对于本发明实施例，具体可以通过调用检测是否落入路径范围接口函数，检测鼠标在绘制画布上的画布坐标是否落入绘制元素的路径范围内。所述检测是否落入路径范围接口函数具体可以为isInPath接口函数。
需要说明的是，所述检测鼠标在绘制画布上的画布坐标是否落入绘制元素的路径范围内具体可以通过如下伪代码实现：
其中，(x,y)为鼠标在绘制画布上的画布坐标。
对于本发明实施例，为了确定绘制画布的路径范围，步骤205之前，所述方法还可以包括：在所述绘制画布上创建所述绘制元素的路径并描绘所述路径；通过描绘后的路径确定所述绘制元素的路径范围。
需要说明的是，所述在所述绘制画布上创建所述绘制元素的路径并描绘所述路径的步骤具体可以包括：通过调用创建路径接口函数在所述绘制画布上创建所述绘制元素的路径。其中，所述创建路径接口函数具体可以为creatPath接口函数。
需要说明的是，所述描绘所述路径的步骤具体可以包括：通过调用描绘路径接口描绘所述路径。其中，所述描绘路径接口函数具体可以为draw接口函数。
206、若落入绘制元素的路径范围内，则响应鼠标针对网页上绘制元素的触发操作。
本发明实施例提供的一种绘制元素跟踪方法。与目前无法实现绘制元素跟踪相比，本发明实施例通过在监听到鼠标针对网页上绘制元素的触发操作时，将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标，以及在检测所述画布坐标落入所述绘制元素的路径范围内，响应所述触发操作，实现了对绘制元素进行跟踪，简化了绘制动画的过程，以及实现了用户与一次性绘制画布的交互。
进一步的地，作为图1的具体实现，本发明实施例还提供了一种绘制元素跟踪装置，如图3所示，所述装置包括：监听单元31、转换单元32、检测单元33和响应单元34。
所述监听单元31，可以用于监听鼠标针对网页上绘制元素的触发操作，所述绘制元素为通过绘制画布绘制的元素。
所述转换单元32，可以用于将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标。
所述检测单元33，可以用于检测所述画布坐标是否落入所述绘制元素的路径范围内，所述路径范围为所述绘制元素在所述绘制画布上的路径范围。
所述响应单元34，可以用于若所述检测单元检测所述画布坐标落入所述绘制元素的路径范围内，则响应所述触发操作。
需要说明的是，本发明实施例提供的一种绘制元素跟踪装置所涉及各功能单元的其他相应描述，可以参考图1所示方法的对应描述，在此不再赘述，但应当明确，本实施例中的装置能够对应实现前述方法实施例中的全部内容。
本发明实施例提供的一种绘制元素跟踪装置。所述装置可以配置监听单元、转换单元、检测单元和响应单元。与目前无法实现绘制元素跟踪相比，本发明实施例通过在监听到鼠标针对网页上绘制元素的触发操作时，将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标，以及在检测所述画布坐标落入所述绘制元素的路径范围内，响应所述触发操作，实现了对绘制元素进行跟踪，简化了绘制动画的过程，以及实现了用户与一次性绘制画布的交互。
进一步的地，作为图2的具体实现，本发明实施例还提供了另一种绘制元素跟踪装置，如图4所示，所述装置包括：监听单元41、转换单元42、检测单元43和响应单元44。
所述监听单元41，可以用于监听鼠标针对网页上绘制元素的触发操作，所述绘制元素为通过绘制画布绘制的元素。
所述转换单元42，可以用于将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标。
所述检测单元43，可以用于检测所述画布坐标是否落入所述绘制元素的路径范围内，所述路径范围为所述绘制元素在所述绘制画布上的路径范围。
所述响应单元44，可以用于若所述检测单元检测所述画布坐标落入所述绘制元素的路径范围内，则响应所述触发操作。
所述转化单元42可以包括：获取模块421和计算模块422。
获取模块421，可以用于获取所述鼠标在所述网页上的网页坐标和所述绘制画布在所述网页上的网页坐标。
计算模块422，可以用于根据所述鼠标在所述网页上的网页坐标和所述绘制画布在所述网页上的网页坐标，计算所述鼠标在所述绘制画布的画布坐标。
所述监听单元41可以包括：添加模块411和监听模块412。
所述添加模块411，可以用于添加针对所述绘制元素的触发操作的监听器。
所述监听模块412，可以用于通过所述监听器监听鼠标针对所述绘制元素的触发操作。
进一步的，所述装置还包括：创建单元45、描绘单元46和确定单元47。
所述创建单元45，可以用于在所述绘制画布上创建所述绘制元素的路径；
所述描绘单元46，可以用于描述所述创建单元45创建的所述路径。
所述确定单元47，可以用于通过所述描绘单元46描绘后的路径确定所述绘制元素的路径范围。
所述创建单元45，具体可以用于通过调用所述绘制画布的创建路径接口在所述绘制画布上创建所述绘制元素的路径。
所述描绘单元46，具体可以用于通过调用所述绘制画布的描绘路径接口描绘所述路径。
需要说明的是，本发明实施例提供的另一种绘制元素跟踪装置所涉及各功能单元的其他相应描述，可以参考图2所示方法的对应描述，在此不再赘述，但应当明确，本实施例中的装置能够对应实现前述方法实施例中的全部内容。
本发明实施例提供的另一种绘制元素跟踪装置。所述装置可以配置监听单元、转换单元、检测单元和响应单元。与目前无法实现绘制元素跟踪相比，本发明实施例通过在监听到鼠标针对网页上绘制元素的触发操作时，将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标，以及在检测所述画布坐标落入所述绘制元素的路径范围内，响应所述触发操作，实现了对绘制元素进行跟踪，简化了绘制动画的过程，以及实现了用户与一次性绘制画布的交互。
所述绘制元素跟踪装置包括处理器和存储器，上述监听单元、转换单元、检测单元和响应单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来实现对绘制元素进行跟踪，简化绘制动画的过程，以及实现了用户与一次性绘制画布的交互。
存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。
本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：监听鼠标针对网页上绘制元素的触发操作，所述绘制元素为通过绘制画布绘制的元素；将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标；检测所述画布坐标是否落入所述绘制元素的路径范围内，所述路径范围为所述绘制元素在所述绘制画布上的路径范围；若落入所述绘制元素的路径范围内，则响应所述触发操作。
本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种绘制元素跟踪方法，其特征在于，包括：
监听鼠标针对网页上绘制元素的触发操作，所述绘制元素为通过绘制画布绘制的元素；
将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标；
检测所述画布坐标是否落入所述绘制元素的路径范围内，所述路径范围为所述绘制元素在所述绘制画布上的路径范围；
若落入所述绘制元素的路径范围内，则响应所述触发操作。
2.根据权利要求1所述的方法，其特征在于，所述将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标包括：
获取所述鼠标在所述网页上的网页坐标和所述绘制画布在所述网页上的网页坐标；
根据所述鼠标在所述网页上的网页坐标和所述绘制画布在所述网页上的网页坐标，计算所述鼠标在所述绘制画布的画布坐标。
3.根据权利要求1所述的方法，其特征在于，所述监听鼠标针对网页上绘制元素的触发操作包括：
添加针对所述绘制元素的触发操作的监听器；
通过所述监听器监听鼠标针对所述绘制元素的触发操作。
4.根据权利要求1所述的方法，其特征在于，所述检测所述画布坐标是否落入所述绘制元素的路径范围内之前，所述方法还包括：
在所述绘制画布上创建所述绘制元素的路径并描绘所述路径；
通过描绘后的路径确定所述绘制元素的路径范围。
5.根据权利要求4所述的方法，其特征在于，所述在所述绘制画布上创建所述绘制元素的路径包括：
通过调用创建路径接口函数在所述绘制画布上创建所述绘制元素的路径；
所述描绘所述路径包括：
通过调用描绘路径接口函数描绘所述路径。
6.一种绘制元素跟踪装置，其特征在于，包括：
监听单元，用于监听鼠标针对网页上绘制元素的触发操作，所述绘制元素为通过绘制画布绘制的元素；
转换单元，用于将所述鼠标在所述网页上的网页坐标转换为所述鼠标在所述绘制画布上的画布坐标；
检测单元，用于检测所述画布坐标是否落入所述绘制元素的路径范围内，所述路径范围为所述绘制元素在所述绘制画布上的路径范围；
响应单元，用于若所述检测单元检测所述画布坐标落入所述绘制元素的路径范围内，则响应所述触发操作。
7.根据权利要求6所述的装置，其特征在于，所述转化单元包括：
获取模块，用于获取所述鼠标在所述网页上的网页坐标和所述绘制画布在所述网页上的网页坐标；
计算模块，用于根据所述鼠标在所述网页上的网页坐标和所述绘制画布在所述网页上的网页坐标，计算所述鼠标在所述绘制画布的画布坐标。
8.根据权利要求6所述的装置，其特征在于，所述监听单元包括：
添加模块，用于添加针对所述绘制元素的触发操作的监听器；
监听模块，用于通过所述监听器监听鼠标针对所述绘制元素的触发操作。
9.根据权利要求6所述的装置，其特征在于，所述装置还包括：
创建单元，用于在所述绘制画布上创建所述绘制元素的路径；
描绘单元，用于描述所述创建单元创建的所述路径；
确定单元，用于通过所述描绘单元描绘后的路径确定所述绘制元素的路径范围。
10.根据权利要求9所述的装置，其特征在于，
所述创建单元，具体用于通过调用创建路径接口函数在所述绘制画布上创建所述绘制元素的路径；
所述描绘单元，具体用于通过调用描绘路径接口函数描绘所述路径。
CN201611156472.1A 2016-12-14 2016-12-14 绘制元素跟踪方法及装置 Pending CN108228286A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201611156472.1A CN108228286A (zh) 2016-12-14 2016-12-14 绘制元素跟踪方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201611156472.1A CN108228286A (zh) 2016-12-14 2016-12-14 绘制元素跟踪方法及装置

Publications (1)

Publication Number Publication Date
CN108228286A true CN108228286A (zh) 2018-06-29

Family

ID=62651115

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201611156472.1A Pending CN108228286A (zh) 2016-12-14 2016-12-14 绘制元素跟踪方法及装置

Country Status (1)

Country Link
CN (1) CN108228286A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117311708A (zh) * 2023-09-18 2023-12-29 中教畅享(北京)科技有限公司 一种网页端3d场景内资源展示页面动态修改方法及装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101882432A (zh) * 2010-02-01 2010-11-10 深圳市同洲电子股份有限公司 一种焦点元素显示方法、装置及数字电视接收终端
CN103019682A (zh) * 2012-11-20 2013-04-03 清华大学 一种通过自定义图形组合在svg中展示数据的方法
CN103336690A (zh) * 2013-06-28 2013-10-02 优视科技有限公司 基于html5的文字元素绘制方法及装置
CN105550021A (zh) * 2015-11-30 2016-05-04 用友网络科技股份有限公司 跨浏览器动态展示方法和装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101882432A (zh) * 2010-02-01 2010-11-10 深圳市同洲电子股份有限公司 一种焦点元素显示方法、装置及数字电视接收终端
CN103019682A (zh) * 2012-11-20 2013-04-03 清华大学 一种通过自定义图形组合在svg中展示数据的方法
CN103336690A (zh) * 2013-06-28 2013-10-02 优视科技有限公司 基于html5的文字元素绘制方法及装置
CN105550021A (zh) * 2015-11-30 2016-05-04 用友网络科技股份有限公司 跨浏览器动态展示方法和装置

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
DXYLILAC: "html获取鼠标在页面的坐标以及在canvas上的坐标", 《CSDN博客》 *
MIKUSCALLION: "Canvas---Canvas事件处理、Canvas元素的鼠标点击事件处理、实现一个元素管理器", 《CSDN博客》 *
ZHANGJK: "【HTML5】Cancas内部元素添加事件处理", 《HTTPS://WWW.CNBLOGS.COM/ZHANGJK1993/P/6139146.HTML 博客园》 *
南太平洋_99: "canvas isPointPath()方法 画布交互", 《HTTPS://BLOG.CSDN.NET/HEYUE_99/ARTICLE/DETAILS/52165362 CSDN博客》 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117311708A (zh) * 2023-09-18 2023-12-29 中教畅享(北京)科技有限公司 一种网页端3d场景内资源展示页面动态修改方法及装置
CN117311708B (zh) * 2023-09-18 2024-04-05 中教畅享科技股份有限公司 一种网页端3d场景内资源展示页面动态修改方法及装置

Similar Documents

Publication Publication Date Title
CN107688899A (zh) 业务流程监控方法及装置
CN106293928A (zh) 一种全局任务节点依赖关系可视化方法、装置和系统
CN105787402B (zh) 一种信息展示方法及装置
Lagun et al. Inferring searcher attention by jointly modeling user interactions and content salience
CN109711508A (zh) 图像处理方法和装置
CN107784281A (zh) 人脸检测方法、装置、设备及计算机可读介质
CN109858542A (zh) 一种字符识别方法和装置
CN112100619B (zh) 一种恶意文件检测方法、系统、设备及计算机存储介质
CN110020363A (zh) 绘制热力图的方法及装置
CN108874200B (zh) 书写速度的控制方法和装置
CN108228286A (zh) 绘制元素跟踪方法及装置
CN105095889B (zh) 特征提取、字符识别、引擎生成、信息确定方法及装置
CN110880023A (zh) 一种检测证件图片的方法及装置
CN110213123A (zh) 一种流量监控方法、装置及设备
CN107463318A (zh) 界面元素处理方法及装置
CN104142885A (zh) 一种用于对被测程序进行异常测试的方法和装置
CN107944343B (zh) 视频检测方法及装置
CN106027619A (zh) 一种用于处理基于jsonp的请求的方法与设备
CN109614172B (zh) 数据筛选的方法及相关装置
CN108073594B (zh) 一种生成热力图的方法及装置
CN110020285A (zh) 柱状图的处理方法及装置
CN110968758B (zh) 网页数据的爬取方法及装置
CN109948076A (zh) 数据可视化的配置方法及装置
CN108776781A (zh) 调试可穿戴设备设置的方法及装置
CN108846298A (zh) 一种文件内容的篡改检测方法及相关设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing

Applicant after: Beijing Guoshuang Technology Co.,Ltd.

Address before: 100086 Cuigong Hotel, 76 Zhichun Road, Shuangyushu District, Haidian District, Beijing

Applicant before: Beijing Guoshuang Technology Co.,Ltd.

CB02 Change of applicant information
RJ01 Rejection of invention patent application after publication

Application publication date: 20180629

RJ01 Rejection of invention patent application after publication