ES3036838T3

ES3036838T3 - Graphic drawing method and apparatus, device, and storage medium

Info

Publication number: ES3036838T3
Application number: ES19843865T
Authority: ES
Inventors: Guosheng Yu
Original assignee: Zhejiang Uniview Technologies Co Ltd
Current assignee: Zhejiang Uniview Technologies Co Ltd
Priority date: 2018-08-03
Filing date: 2019-02-25
Publication date: 2025-09-24
Anticipated expiration: 2039-02-25
Also published as: EP3832459A1; EP3832459C0; PL3832459T3; US11551392B2; WO2020024580A1; CN110795177B; CN110795177A; EP3832459A4; EP3832459B1; US20210166457A1

Abstract

El presente documento describe un método de dibujo gráfico aplicado a un dispositivo terminal. El dispositivo terminal comprende: un lienzo desplegado en la capa superior de una ventana de visualización de flujo de vídeo; y datos de características estructurados de al menos un gráfico básico que coincide con el lienzo. El método comprende: monitorizar en tiempo real un evento de dibujo gráfico objetivo, realizado por un pincel a partir de un gráfico básico seleccionado; al detectar dicho evento, adquirir, para cada instante de tiempo en que se muestra cada fotograma de una secuencia de vídeo, las coordenadas de dibujo del pincel en cada instante; y renderizar y dibujar en el lienzo un gráfico objetivo correspondiente a la imagen mostrada en cada instante, según las coordenadas de dibujo y los datos de características estructurados del gráfico básico seleccionado. El presente documento describe además un aparato de dibujo gráfico, un dispositivo y un medio de almacenamiento. (Traducción automática con Google Translate, sin valor legal)

Description

DESCRIPCIÓN

Método y aparato de dibujo gráfico, dispositivo y soporte de almacenamiento

CAMPO TÉCNICO

La presente invención se refiere al campo de las tecnologías de dibujo gráfico con navegador, por ejemplo, a un método y aparato de dibujo gráfico, un dispositivo y un soporte de almacenamiento.

ANTECEDENTES

Un producto de videovigilancia está equipado normalmente con un dispositivo terminal que está basado en una estructura de navegador/servidor (B/S) y se puede usar para ver vídeo en vivo y dibujar algunos gráficos (incluyendo gráficos geométricos y de texto) en el vídeo en vivo, de manera que el usuario, a través de tal dispositivo terminal, implementa funciones de servicio, tales como el marcado y la anotación, dibujando gráficos. Sin embargo, con el desarrollo continuo de la tecnología de navegadores, la tecnología de complementos informáticos (“plug-in”) que se usaba para poder aplicarse en el navegador a fin de implementar la función de dibujo gráfico ya no es aplicable a nuevas versiones de navegadores desarrollados basándose en la siguiente generación de Lenguaje de marcado de hipertexto 5 (HTML5). Además, las nuevas versiones de navegadores desarrollados basándose en HTML5 pueden implementar solamente dibujos gráficos complejos al nivel de visualización de imágenes a través de la función de dibujo gráfico implementada mediante vídeos y etiquetas de lienzo, pero no pueden realizar dibujo gráfico en el vídeo en vivo mientras reproducen dicho vídeo en vivo y, adicionalmente, la cantidad de procesamiento de datos correspondiente al dibujo gráfico es grande, y el rendimiento del procesamiento de datos es bajo. Como consecuencia, un procesamiento interactivo, tal como una selección, no se puede realizar para los gráficos dibujados.

El documento de referencia US 2010/0281373 A1 divulga un método y un sistema para anotar vídeo. El documento de referencia US 2016/0232144 A1 divulga una extensión de navegador web para anotar páginas web en vivo. El documento de referencia CN 107888845 A divulga un método de procesamiento de imágenes de vídeo, un aparato y un terminal.

SUMARIO

La invención se establece en el conjunto de reivindicaciones adjunto.

BREVE DESCRIPCIÓN DE LOS DIBUJOS

La FIG. 1 es un diagrama estructural esquemático de un dispositivo terminal según una realización de la presente invención;

la FIG. 2 es un diagrama de flujo esquemático del primer método de dibujo gráfico según una realización de la presente invención;

la FIG. 3 es un diagrama de flujo esquemático del segundo método de dibujo gráfico según una realización de la presente invención;

la FIG. 4 es un diagrama de flujo esquemático del tercer método de dibujo gráfico según una realización de la presente invención;

la FIG. 5 es un diagrama de flujo esquemático del cuarto método de dibujo gráfico según una realización de la presente invención;

la FIG. 6 es un diagrama de flujo esquemático del quinto método de dibujo gráfico según una realización de la presente invención;

la FIG. 7 es un diagrama estructural esquemático de un aparato de dibujo gráfico según una realización de la presente invención;

la FIG. 8 es un diagrama estructural esquemático de un módulo de monitorización de eventos según una realización de la presente invención;

la FIG. 9 es un diagrama estructural esquemático de un módulo de dibujo gráfico según una realización de la presente invención;

la FIG. 10 es un diagrama estructural esquemático de otro aparato de dibujo gráfico según una realización de la presente invención; y

la FIG. 11 es un diagrama estructural esquemático de un dispositivo electrónico según una realización de la presente invención.

Lista de referencia

10 dispositivo terminal

11 primera memoria

12 primer procesador

13 unidad de comunicación

14 unidad de visualización

100 aparato de dibujo gráfico

110 módulo de monitorización de eventos

120 módulo de adquisición de coordenadas

130 módulo de dibujo gráfico

111 submódulo de monitorización de subeventos

112 submódulo de determinación de dibujos

131 submódulo de transformación de coordenadas

132 submódulo de generación de características

133 submódulo de renderización y dibujo

140 módulo de ajuste de parámetros

1110 segundo procesador

1120 segunda memoria

DESCRIPCIÓN DETALLADA

Las realizaciones descritas en este documento son parte de, no todas, las realizaciones de la presente invención. Generalmente, los componentes de las realizaciones de la presente invención descritos e ilustrados en los dibujos de este documento se pueden disponer y diseñar a través de una o más configuraciones.

Números y letras de referencia similares indican elementos similares en los siguientes dibujos y, por lo tanto, una vez que se define un elemento particular en un dibujo, el elemento no necesita más definición y explicación en dibujos posteriores.

Algunas realizaciones de la presente invención se describirán en lo sucesivo junto con los dibujos. Si no entran en colisión, las realizaciones descritas en este documento y sus características pueden combinarse entre sí.

Con referencia a la FIG. 1, la FIG. 1 es un diagrama estructural esquemático de un dispositivo terminal 10 según una realización de la presente invención. En esta realización, el dispositivo terminal 10 está configurado para visualizar cada cuadro de imagen en un flujo continuo de vídeo a través de una página de navegador para implementar la reproducción y visualización del flujo continuo de vídeo. El dispositivo terminal 10 está configurado además para permitir que un usuario dibuje gráficos en el flujo continuo de vídeo mientras reproduce y visualiza el flujo continuo de vídeo, e implemente un efecto de animación de dibujos gráficos. El dispositivo terminal 10 puede ser, pero no está limitado a un teléfono inteligente, un ordenador personal (PC), una tableta, un asistente personal digital (PDA), un dispositivo de Internet móvil (MID), etc.

En esta realización, el dispositivo terminal 10 incluye un aparato de dibujo gráfico 100, una primera memoria 11, un primer procesador 12, una unidad de comunicación 13 y una unidad de visualización 14. La primera memoria 11, el primer procesador 12, la unidad de comunicación 13 y la unidad de visualización 14 están conectados eléctricamente entre sí directa o indirectamente para implementar la transmisión e interacción de datos. Por ejemplo, las conexiones eléctricas entre estos componentes se pueden implementar a través de uno o más buses de comunicación o líneas de señal. En una realización, la interacción se puede entender como la interacción entre el gráfico y el usuario, por ejemplo, el usuario puede hacer zum, reducir elzumy/o arrastrar el gráfico, según sea necesario. El aparato de dibujo gráfico 100 incluye al menos un módulo de funciones de software capaz de ser almacenado en la primera memoria 11 en forma de software ofirmware,y el primer procesador 12 realiza una o más aplicaciones funcionales y un procesamiento de datos ejecutando el módulo de funciones de software correspondiente al aparato de dibujo gráfico 100 almacenado en la primera memoria 11.

En esta realización, la unidad de visualización 14 incluye una pantalla, y la unidad de visualización 14 visualiza la página de navegador a través de la pantalla de manera que cada cuadro de imagen en el flujo continuo de vídeo se visualiza en una ventana de visualización de flujo continuo de vídeo de la página de navegador. El dispositivo terminal 10 despliega un lienzo que cubre la ventana de visualización de flujo continuo de vídeo en la capa superior de la ventana de visualización de flujo continuo de vídeo, y el dispositivo terminal 10 dibuja un gráfico objetivo correspondiente para cada cuadro de imagen en el flujo continuo de vídeo a través del lienzo y visualiza entonces el gráfico objetivo correspondiente a cada cuadro de imagen a través de la unidad de visualización 14 para implementar el efecto de animación de dibujos gráficos en el flujo continuo de vídeo mientras se reproduce y se visualiza dicho flujo continuo de vídeo. El lienzo no está en la misma capa que la ventana de visualización de flujo continuo de vídeo, de manera que dibujar gráficos en el lienzo no interfiere con la reproducción y visualización del flujo continuo de vídeo. En una implementación de esta realización, ya que el ojo humano no percibe el retardo de la imagen a 25 cuadros por segundo, el intervalo temporal de visualización entre dos cuadros adyacentes en el flujo continuo de vídeo no debería ser más de 40 ms, y el dispositivo terminal 10 tiene también que asegurar que el punto temporal y el intervalo temporal de cada dibujo gráfico para cada cuadro de imagen coinciden con el estado de reproducción y visualización del flujo continuo de vídeo, es decir, cada dibujo gráfico corresponde a un cuadro de imagen del flujo continuo de vídeo.

En esta realización, la primera memoria 11 está configurada para almacenar datos de características estructuradas de al menos un gráfico básico, donde el gráfico básico puede ser un gráfico geométrico o un gráfico de texto. Cuando el gráfico básico es un gráfico geométrico, el gráfico básico puede ser, pero no está limitado a un rectángulo, un círculo, una forma de cintura, un triángulo, una elipse, etc. Los datos de características estructuradas de cada gráfico básico se usan para indicar características clave de ese gráfico básico. Las características clave incluyen características de atribución y características de comportamiento. Las características de atribución incluyen una coordenada de esquina superior izquierda, una coordenada de esquina inferior derecha, un grosor y un color de la línea, si se rellena el centro del rectángulo, un color de relleno, una transparencia, etc., cuando el gráfico básico se dibuja en el lienzo correspondiente. Las características de comportamiento incluyen si el gráfico básico se selecciona en el lienzo correspondiente, si se visualiza el gráfico básico, etc. Los datos de características estructuradas correspondientes a diferentes gráficos básicos difieren entre sí, y los datos de características estructuradas del gráfico básico coinciden con el lienzo actual. Si cambian la ubicación y/o el tamaño del lienzo actual, los datos de características estructuradas de al menos un gráfico básico correspondiente al lienzo se ajustan también para asegurar que los datos de características estructuradas de al menos un gráfico básico coinciden siempre con el lienzo de manera que se puede realizar un procesamiento interactivo en el gráfico objetivo dibujado en el lienzo basándose en los datos de características estructuradas del gráfico básico. Ya que el dibujo del gráfico objetivo se implementa basándose en los datos de características estructuradas del gráfico básico, los recursos informáticos del dispositivo terminal 10 no se tienen que consumir sustancialmente para construir y dibujar el gráfico objetivo, reduciendo por ello la cantidad de procesamiento de datos en el proceso de dibujo gráfico y mejorando por consiguiente el rendimiento del procesamiento de datos.

En esta realización, la primera memoria 11 puede ser, pero no está limitada a una memoria de acceso aleatorio (RAM), una memoria de solo lectura (ROM), una memoria de solo lectura programable (PROM), una memoria de solo lectura programable borrable (EPROM), una memoria de solo lectura programable borrable eléctrica (EEPROM), etc. La primera memoria 11 puede estar configurada para almacenar un programa, y el primer procesador 12 ejecuta el programa después de recibir una instrucción de ejecución.

En esta realización, el primer procesador 12 puede ser un chip de circuitos integrados que tiene una capacidad de procesamiento de señales. El primer procesador 12 puede ser un procesador de propósito general, que incluye una unidad central de procesamiento (CPU), un procesador de red (NP), etc. El primer procesador 12 puede implementar o ejecutar uno o más métodos, etapas y diagramas de bloques lógicos divulgados en las realizaciones de la presente invención. El procesador de propósito general puede ser un microprocesador o cualquier procesador convencional.

En esta realización, la unidad de comunicación 13 está configurada para establecer una conexión de comunicación entre el dispositivo terminal 10 y otros dispositivos electrónicos a través de una red y para adquirir un flujo continuo de vídeo a reproducir y visualizar en los otros dispositivos electrónicos a través de la red. Los otros dispositivos electrónicos pueden ser, pero no están limitados a un dispositivo de videovigilancia, un servidor con datos almacenados de flujo continuo de vídeo y otros dispositivos terminales con datos almacenados de flujo continuo de vídeo.

En esta realización, el dispositivo terminal 10 realiza un dibujo gráfico en el vídeo reproducido y visualizado por el navegador a través del aparato de dibujo gráfico 100 para implementar el efecto de animación de dibujos gráficos y asegurar que los gráficos dibujados se pueden usar para un procesamiento interactivo. En una realización, la estructura mostrada en la FIG. 1 es simplemente una estructura del dispositivo terminal 10, y el dispositivo terminal 10 puede incluir además más o menos componentes que los componentes mostrados en la FIG. 1 o puede tener una configuración diferente de la configuración mostrada en la FIG. 1. Diversos componentes mostrados en la FIG. 1 se pueden implementar mediante hardware, software o una combinación de los mismos.

Con referencia a la FIG. 2, la FIG. 2 es un diagrama de flujo esquemático del primer método de dibujo gráfico según una realización de la presente invención. En las realizaciones de la presente invención, el método de dibujo gráfico se aplica al dispositivo terminal 10 precedente que visualiza cada cuadro de imagen de un flujo continuo de vídeo a través de una ventana de visualización de flujo continuo de vídeo en una página de navegador. El dispositivo terminal 10 se despliega con un lienzo en la capa superior de la ventana de visualización de flujo continuo de vídeo y almacena datos de características estructuradas de al menos un gráfico básico que coincide con el lienzo. En una realización, el método de dibujo gráfico incluye las etapas 210 a 230.

En la etapa 210, un evento de dibujo gráfico objetivo que se realiza mediante un pincel basándose en un gráfico básico seleccionado se monitoriza en tiempo real.

En una realización, se monitoriza en tiempo real si se genera el evento de dibujo gráfico objetivo realizado mediante el pincel basándose en el gráfico básico seleccionado. En esta realización, el pincel está configurado para dibujar gráficos en el lienzo correspondiente actual del dispositivo terminal 10. El usuario, cuando dibuja gráficos usando un gráfico básico seleccionado de dicho al menos un gráfico básico, puede dibujar un gráfico objetivo correspondiente en el lienzo basándose en el gráfico básico seleccionado mediante el control del estado de eventos del pincel en el dispositivo terminal 10, donde el estado de eventos del pincel se puede regular controlando el clic y el movimiento del ratón o controlando el clic y el movimiento de la pantalla táctil. El dispositivo terminal 10, que monitoriza en tiempo real si se genera el evento de dibujo gráfico objetivo realizado mediante el pincel basándose en el gráfico básico seleccionado, puede conocer intuitivamente si el dibujo gráfico se realiza en el lienzo para el flujo continuo de vídeo en ese momento visualizado.

En una realización, con referencia a la FIG. 3, la FIG. 3 es un diagrama de flujo esquemático del segundo método de dibujo gráfico según una realización de la presente invención, y esta figura es también un diagrama de flujo esquemático de subetapas incluidas en la etapa 210 en la FIG. 2. En esta realización, el estado de eventos del pincel incluye un estado de presión hacia abajo del pincel, un estado de movimiento del dibujo y un estado de elevación del pincel. El estado de presión hacia abajo del pincel significa que el pincel está en un estado en el que el usuario está presionando en ese momento hacia abajo el pincel y está listo para realizar un dibujo gráfico, el estado de movimiento del dibujo significa que el pincel está en un estado en el que el usuario ha presionado en ese momento hacia abajo el pincel y se mueve bajo control del usuario para dibujar gráficos, y el estado de elevación del pincel significa que el pincel está en ese momento en un estado en el que se ha completado un dibujo gráfico. El evento de dibujo gráfico objetivo incluye un subevento de presión hacia abajo del pincel, un subevento de movimiento del dibujo y un subevento de elevación del pincel. El subevento de presión hacia abajo del pincel corresponde al estado de presión hacia abajo del pincel, el subevento de movimiento del dibujo corresponde al estado de movimiento del dibujo y el subevento de elevación del pincel corresponde al estado de elevación del pincel. La etapa 210 puede incluir las subetapas 211 y 212.

En la subetapa 211, la generación del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo y del subevento de elevación del pincel se monitoriza en tiempo real por separado. En la subetapa 212, en respuesta a monitorizar un resultado de que se genera uno cualquiera del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo o del subevento de elevación del pincel, se determina que se genera el evento de dibujo gráfico objetivo.

En esta realización, cuando se monitoriza uno cualquiera del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo o del subevento de elevación del pincel, se indica que el usuario utiliza el pincel para realizar un dibujo gráfico, es decir, se genera el evento de dibujo gráfico objetivo realizado mediante el pincel basándose en el gráfico básico seleccionado.

En la etapa 220, en un caso en el que se monitoriza el evento de dibujo gráfico objetivo, para un punto temporal en el que se visualiza cada cuadro de imagen en el flujo continuo de vídeo, se adquiere una coordenada de dibujo del pincel en cada punto temporal.

En esta realización, cuando el dispositivo terminal 10 monitoriza uno cualquiera del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo o del subevento de elevación del pincel incluidos en el evento de dibujo gráfico objetivo, el dispositivo terminal 10 adquiere la coordenada de dibujo del pincel en la página de navegador en cada punto temporal de visualización de imágenes según el punto temporal donde se visualiza cada cuadro de imagen en el flujo continuo de vídeo, para dibujar un gráfico objetivo que coincide con la imagen del flujo continuo de vídeo en ese momento visualizada en el lienzo basándose en cada coordenada de dibujo adquirida, donde cada cuadro de imagen corresponde a un gráfico objetivo.

En una realización, con referencia a la FIG. 4, la FIG. 4 es un diagrama de flujo esquemático del tercer método de dibujo gráfico según una realización de la presente invención, y esta figura es también un diagrama de flujo esquemático de las subetapas incluidas en la etapa 220 en la FIG. 2. En esta realización, la coordenada de dibujo incluye una coordenada de comienzo de dibujo y una coordenada de finalización de dibujo. La coordenada de comienzo de dibujo hace referencia a la ubicación de comienzo de dibujo de un gráfico objetivo correspondiente al evento de dibujo gráfico objetivo actual y la coordenada de finalización de dibujo hace referencia a la ubicación del progreso de dibujo de un gráfico objetivo correspondiente al evento de dibujo gráfico objetivo actual en el punto temporal actual durante el proceso de dibujo. En la etapa 220, la etapa en la que, para el punto temporal en el que se visualiza cada cuadro de imagen en el flujo continuo de vídeo, se adquiere la coordenada de dibujo del pincel en cada punto temporal incluye las subetapas 221, 222 y 223.

En la subetapa 221, la información de subeventos correspondiente al pincel en el punto temporal en el que se visualiza cada cuadro de imagen en el flujo continuo de vídeo se obtiene según un resultado de monitorización del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo y del subevento de elevación del pincel.

En esta realización, el dispositivo terminal 10, en un caso en el que se monitoriza el evento de dibujo gráfico objetivo, determina, en el punto temporal en el que se visualiza cada cuadro de imagen en el flujo continuo de vídeo según el resultado de monitorización, a cuál del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo y del subevento de elevación del pincel pertenece el subevento monitorizado en el punto temporal actual, para obtener la información de subeventos correspondiente al pincel en el punto temporal en el que se visualiza cada cuadro de imagen en el flujo continuo de vídeo.

En la subetapa 222, en un caso en el que la información de subeventos corresponde al subevento de presión hacia abajo del pincel, una coordenada de ubicación del pincel en la página de navegador en un punto temporal del evento de presión hacia abajo del pincel se usa como una coordenada de comienzo de dibujo del gráfico objetivo.

En esta realización, cuando la información de subeventos obtenida por el dispositivo terminal 10 corresponde al subevento de presión hacia abajo del pincel, esto significa que el pincel no se ha usado bajo control del usuario para dibujar el gráfico objetivo en el punto temporal actual, y la coordenada de ubicación del pincel en la página de navegador en el punto temporal actual es la coordenada de comienzo de dibujo del gráfico objetivo.

En la subetapa 223, en un caso en el que la información de subeventos corresponde al subevento de movimiento del dibujo o al subevento de elevación del pincel, una coordenada de ubicación del pincel en la página de navegador en un punto temporal del subevento de movimiento del dibujo o del subevento de elevación del pincel se usa como una coordenada de finalización de dibujo del gráfico objetivo.

En esta realización, cuando la información de subeventos obtenida por el dispositivo terminal 10 corresponde al subevento de movimiento del dibujo o al subevento de elevación del pincel, esto significa que el pincel está en la etapa de dibujo gráfico o próximo a la etapa de dibujo gráfico en el punto temporal actual, y la coordenada de ubicación del pincel en la página de navegador en el punto temporal actual es la coordenada de finalización de dibujo del gráfico objetivo, que coincide con la imagen del flujo continuo de vídeo visualizado en el punto temporal actual.

En esta realización, cuando la información de subeventos obtenida por el dispositivo terminal 10 corresponde al subevento de presión hacia abajo del pincel, la coordenada de finalización de dibujo del gráfico objetivo en el punto temporal actual es numéricamente la misma que la coordenada de comienzo de dibujo en esta ocasión para asegurar que el gráfico objetivo, basándose en cualquier gráfico básico, es un punto en esta ocasión; y cuando la información de subeventos obtenida por el dispositivo terminal 10 corresponde al subevento de movimiento del dibujo o al subevento de elevación del pincel, la coordenada de comienzo de dibujo del gráfico objetivo en el punto temporal actual es la misma que la coordenada de comienzo de dibujo del gráfico objetivo cuando la información de subeventos corresponde al subevento de presión hacia abajo del pincel.

En la etapa 230, un gráfico objetivo correspondiente a una imagen visualizada por el flujo continuo de vídeo en cada punto temporal se renderiza y se dibuja en el lienzo según los datos de características estructuradas del gráfico básico seleccionado y de la coordenada de dibujo.

En esta realización, cada vez que el dispositivo terminal 10 adquiere la coordenada de dibujo del pincel en el punto temporal en el que se visualiza la imagen actual, el dispositivo terminal 10 obtiene los datos de características estructuradas de un gráfico objetivo que se supone que se ha de visualizar en el lienzo en el punto temporal actual según la coordenada de dibujo adquirida y los datos de características estructuradas del gráfico básico seleccionado, y renderiza y dibuja en el lienzo un gráfico objetivo que coincide con la imagen del flujo continuo de vídeo reproducida y visualizada en el punto temporal actual basándose en los datos obtenidos de características estructuradas del gráfico objetivo.

En una realización, con referencia a la FIG. 5, la FIG. 5 es un diagrama de flujo esquemático del cuarto método de dibujo gráfico según una realización de la presente invención, y esta figura es también un diagrama de flujo esquemático de las subetapas incluidas en la etapa 230 en la FIG. 2. En esta realización, la etapa 230 incluye las subetapas 231, 232 y 233.

En la subetapa 231, se realiza una transformación de coordenadas en la coordenada de comienzo de dibujo y la coordenada de finalización de dibujo para obtener una coordenada de comienzo de renderización y una coordenada de finalización de renderización del gráfico objetivo en el lienzo en cada punto temporal.

En esta realización, la coordenada de comienzo de dibujo y la coordenada de finalización de dibujo son las coordenadas de dibujo correspondientes del gráfico objetivo en la página de navegador en cada punto temporal, y el dispositivo terminal 10 realiza la transformación de coordenadas en la coordenada de comienzo de dibujo y la coordenada de finalización de dibujo para obtener la coordenada de comienzo de renderización y la coordenada de finalización de renderización del gráfico objetivo en el lienzo durante la visualización de renderización y dibujo.

En la subetapa 232, los datos de características estructuradas del gráfico objetivo en cada punto temporal se generan según la coordenada de comienzo de renderización, la coordenada de finalización de renderización y los datos de características estructuradas del gráfico básico seleccionado.

En esta realización, el dispositivo terminal 10 realiza un ajuste de datos en los datos de características estructuradas del gráfico básico seleccionado según la coordenada de comienzo de renderización y la coordenada de finalización de renderización obtenidas para generar los datos de características estructuradas que indican el gráfico objetivo en el punto temporal actual. Por ejemplo, cuando el gráfico básico seleccionado es un rectángulo y los datos de características estructuradas del gráfico básico seleccionado incluyen la coordenada de esquina superior izquierda y la coordenada de esquina inferior derecha, es decir, (izquierda, arriba) y (derecha, abajo), respectivamente, el dispositivo terminal 10 obtiene los datos de características estructuradas de un gráfico objetivo que se supone que se ha de renderizar y dibujar en el lienzo en el punto temporal actual reemplazando la coordenada de comienzo de renderización y la coordenada de finalización de renderización por la coordenada de esquina superior izquierda (izquierda, arriba) y la coordenada de esquina inferior derecha (derecha, abajo), mientras que se mantienen otros datos de características estructuradas del gráfico básico seleccionado.

En la subetapa 233, el gráfico objetivo correspondiente se renderiza y se dibuja en el lienzo basándose en los datos de características estructuradas del gráfico objetivo.

En esta realización, ya que los datos de características estructuradas coinciden con el lienzo, cada vez que el dispositivo terminal 10 obtiene los datos de características estructuradas del gráfico objetivo que coincide con la imagen del flujo continuo de vídeo visualizada en el punto temporal actual, el dispositivo terminal 10 renderiza y dibuja el gráfico objetivo correspondiente en el lienzo que no está en la misma capa que la ventana de visualización de flujo continuo de vídeo basándose en los datos de características estructuradas del gráfico objetivo para implementar el efecto de animación de dibujos gráficos en el flujo continuo de vídeo mientras se reproduce y se visualiza dicho flujo continuo de vídeo, asegurando por ello que los gráficos dibujados se pueden usar para un procesamiento interactivo. Ya que el dibujo del gráfico objetivo se implementa basándose en los datos de características estructuradas del gráfico básico, los recursos informáticos del dispositivo terminal 10 no se tienen que consumir sustancialmente para construir y dibujar el gráfico objetivo, reduciendo por ello la cantidad de procesamiento de datos en el proceso de dibujo gráfico y mejorando por consiguiente el rendimiento del procesamiento de datos.

En las realizaciones de la presente invención, cada vez que el dispositivo terminal 10 completa la renderización y el dibujo del gráfico objetivo que coincide con la imagen del flujo continuo de vídeo visualizado en el punto temporal actual en el lienzo, el dispositivo terminal 10 almacena el gráfico objetivo en cada punto temporal y borra entonces el gráfico objetivo o establece el gráfico objetivo para que esté en un estado de no visualización de manera que el dispositivo terminal 10 puede dibujar el gráfico objetivo coincidente correspondiente en el lienzo que está en blanco en apariencia cuando se visualiza el siguiente cuadro de imagen.

Con referencia a la FIG. 6, la FIG. 6 es un diagrama de flujo esquemático del quinto método de dibujo gráfico según una realización de la presente invención. En esta realización de la presente invención, el método de dibujo gráfico incluye además la etapa 200.

En la etapa 200, se ajustan una ubicación y un tamaño del lienzo según una ubicación de la ventana de visualización de flujo continuo de vídeo, un tamaño de la ventana de visualización de flujo continuo de vídeo y una resolución del flujo continuo de vídeo, y se ajustan correspondientemente los datos de características estructuradas de al menos un gráfico básico.

En esta realización, el dispositivo terminal, antes de responder al usuario para que realice un dibujo gráfico, detecta la información de ubicación y la información de tamaño de la ventana de visualización de flujo continuo de vídeo en la página de navegador y analiza un flujo continuo de vídeo a visualizar para obtener una resolución del flujo continuo de vídeo, a fin de ajustar la ubicación y el tamaño del lienzo en la página de navegador basándose en la ubicación y el tamaño obtenidos de la ventana de visualización de flujo continuo de vídeo y la resolución del flujo continuo de vídeo, asegurando por ello que el lienzo se despliega en la capa superior de la ventana de visualización de flujo continuo de vídeo y que el tamaño del lienzo coincide con el tamaño de la ventana de visualización de flujo continuo de vídeo.

El dispositivo terminal 10, después de completar el ajuste del lienzo, ajusta los datos de características estructuradas de al menos un gráfico básico basándose en la información de tamaño y la información de ubicación actuales del lienzo para asegurar que los datos de características estructuradas de al menos un gráfico básico coinciden siempre con el lienzo.

Con referencia a la FIG. 7, la FIG. 7 es un diagrama estructural esquemático de un aparato de dibujo gráfico 100 según una realización de la presente invención. En esta realización de la presente invención, el aparato de dibujo gráfico se aplica al dispositivo terminal 10 mostrado en la FIG. 1. El dispositivo terminal 10 visualiza cada cuadro de imagen de un flujo continuo de vídeo a través de una ventana de visualización de flujo continuo de vídeo en una página de navegador. El dispositivo terminal 10 se despliega con un lienzo en la capa superior de la ventana de visualización de flujo continuo de vídeo y almacena los datos de características estructuradas de al menos un gráfico básico que coincide con el lienzo. El aparato de dibujo gráfico 100 incluye un módulo de monitorización de eventos 110, un módulo de adquisición de coordenadas 120 y un módulo de dibujo gráfico 130.

El módulo de monitorización de eventos 110 está configurado para monitorizar en tiempo real un evento de dibujo gráfico objetivo que se realiza mediante un pincel basándose en un gráfico básico seleccionado.

En una realización, con referencia a la FIG. 8, la FIG. 8 es un diagrama estructural esquemático del módulo de monitorización de eventos 110 en la FIG. 7. En esta realización, el evento de dibujo gráfico objetivo incluye un subevento de presión hacia abajo del pincel, un subevento de movimiento del dibujo y un subevento de elevación del pincel, y el módulo de monitorización de eventos 110 incluye un submódulo de monitorización de subeventos 111 y un submódulo de determinación de dibujos 112.

El submódulo de monitorización de subeventos 111 está configurado para monitorizar en tiempo real la generación del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo y del subevento de elevación del pincel por separado.

El submódulo de determinación de dibujos 112 está configurado para, en respuesta a monitorizar un resultado de que se genera uno cualquiera del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo o del subevento de elevación del pincel, determinar que se genera el evento de dibujo gráfico objetivo.

El módulo de adquisición de coordenadas 120 está configurado para, en un caso en el que se monitoriza el evento de dibujo gráfico objetivo, adquirir, para un punto temporal en el que se visualiza cada cuadro de imagen en el flujo continuo de vídeo, una coordenada de dibujo del pincel en cada punto temporal.

En esta realización, la coordenada de dibujo incluye una coordenada de comienzo de dibujo y una coordenada de finalización de dibujo. El módulo de adquisición de coordenadas 120 está configurado para: obtener información de subeventos correspondiente al pincel en el punto temporal en el que cada cuadro de imagen en el flujo continuo de vídeo se visualiza según un resultado de monitorización del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo y del subevento de elevación del pincel; en un caso en el que la información de subeventos corresponde al subevento de presión hacia abajo del pincel, usar una coordenada de ubicación del pincel en la página de navegador en un punto temporal del evento de presión hacia abajo del pincel como una coordenada de comienzo de dibujo del gráfico objetivo; y en un caso en el que la información de subeventos corresponde al subevento de movimiento del dibujo o al subevento de elevación del pincel, usar una coordenada de ubicación del pincel en la página de navegador en un punto temporal del subevento de movimiento del dibujo o del subevento de elevación del pincel como una coordenada de finalización de dibujo del gráfico objetivo.

El módulo de dibujo gráfico 130 está configurado para renderizar y dibujar en el lienzo un gráfico objetivo correspondiente a una imagen visualizada por el flujo continuo de vídeo en cada punto temporal según los datos de características estructuradas del gráfico básico seleccionado y de la coordenada de dibujo.

En una realización, con referencia a la FIG. 9, la FIG. 9 es un diagrama estructural esquemático del módulo de dibujo gráfico 130 en la FIG. 7. En esta realización, el módulo de dibujo gráfico 130 incluye un submódulo de transformación de coordenadas 131, un submódulo de generación de características 132 y un submódulo de renderización y dibujo 133.

El submódulo de transformación de coordenadas 130 está configurado para realizar una transformación de coordenadas en la coordenada de comienzo de dibujo y la coordenada de finalización de dibujo para obtener una coordenada de comienzo de renderización y una coordenada de finalización de renderización del gráfico objetivo en el lienzo en cada punto temporal.

El submódulo de generación de características 132 está configurado para generar los datos de características estructuradas del gráfico objetivo en cada punto temporal según la coordenada de comienzo de renderización, la coordenada de finalización de renderización y los datos de características estructuradas del gráfico básico seleccionado.

El submódulo de renderización y dibujo 133 está configurado para renderizar y dibujar en el lienzo el gráfico objetivo correspondiente basándose en los datos de características estructuradas del gráfico objetivo.

Con referencia a la FIG. 10, la FIG. 10 es un diagrama estructural esquemático de otro aparato de dibujo gráfico 100 según una realización de la presente invención. En esta realización de la presente invención, el aparato de dibujo gráfico 100 puede incluir además un módulo de ajuste de parámetros 140.

El módulo de ajuste de parámetros 140 está configurado para ajustar una ubicación y un tamaño del lienzo según una ubicación y un tamaño de la ventana de visualización de flujo continuo de vídeo y una resolución del flujo continuo de vídeo, y ajustar correspondientemente los datos de características estructuradas de al menos un gráfico básico de manera que el lienzo se despliega en la capa superior de la ventana de visualización de flujo continuo de vídeo y los datos de características estructuradas de al menos un gráfico básico coinciden con el lienzo.

En resumen, en el método y el aparato de dibujo gráfico proporcionados por las realizaciones de la presente invención, el método de dibujo gráfico tiene una pequeña cantidad de procesamiento de datos y un alto rendimiento del procesamiento de datos y puede realizar un dibujo gráfico en un vídeo reproducido y visualizado por un navegador, para implementar el efecto de animación de dibujos gráficos y asegurar que los gráficos dibujados se pueden usar para un procesamiento interactivo. El método se aplica a un dispositivo terminal que visualiza cada cuadro de imagen de un flujo continuo de vídeo a través de una ventana de visualización de flujo continuo de vídeo en una página de navegador e incluye un lienzo desplegado en la capa superior de la ventana de visualización de flujo continuo de vídeo y datos de características estructuradas de al menos un gráfico básico que coincide con el lienzo. En primer lugar, el método monitoriza en tiempo real si se genera un evento de dibujo gráfico objetivo realizado mediante un pincel basándose en un gráfico básico seleccionado. Entonces, cuando se monitoriza el evento de dibujo gráfico objetivo, el método, para un punto temporal en el que se visualiza cada cuadro de imagen en el flujo continuo de vídeo, adquiere una coordenada de dibujo del pincel en cada punto temporal. Finalmente, cada vez que se adquiere la coordenada de dibujo en cada punto temporal, el método renderiza y dibuja en el lienzo un gráfico objetivo correspondiente a una imagen visualizada por el flujo continuo de vídeo en cada punto temporal según la coordenada de dibujo y los datos de características estructuradas del gráfico básico seleccionado. Por lo tanto, el efecto de animación de dibujos gráficos se implementa en el flujo continuo de vídeo mientras se reproduce y se visualiza el flujo continuo de vídeo dibujando, para cada cuadro de imagen, un gráfico objetivo correspondiente en el lienzo que no está en la misma capa que la ventana de visualización de flujo continuo de vídeo, asegurando por ello que los gráficos dibujados se pueden usar para un procesamiento interactivo. Ya que el dibujo del gráfico objetivo se implementa basándose en los datos de características estructuradas del gráfico básico, los recursos informáticos del dispositivo terminal no se tienen que consumir sustancialmente para construir y dibujar el gráfico objetivo, reduciendo por ello la cantidad de procesamiento de datos en el proceso de dibujo gráfico y mejorando por consiguiente el rendimiento del procesamiento de datos.

En una realización, la presente invención proporciona además un dispositivo. Con referencia a la FIG. 11, el dispositivo incluye un segundo procesador 1110 y una segunda memoria 1120, donde la segunda memoria 1120 está configurada para almacenar un programa informático, y el segundo procesador 1110 está configurado para ejecutar el programa informático para realizar el método de cualquier realización descrita anteriormente.

En una realización, la presente invención proporciona además un soporte de almacenamiento que almacena un programa legible por ordenador. Cuando se ejecuta el programa legible por ordenador, se realiza el método de cualquier realización descrita anteriormente.

El soporte de almacenamiento es uno cualquiera o más de diversos tipos de dispositivos de memoria o dispositivos de almacenamiento. La expresión “soporte de almacenamiento” está destinada a incluir: un soporte de instalación, una memoria de solo lectura (ROM), tal como una memoria de solo lectura en disco compacto (CD-ROM), un disco flexible o un dispositivo de cintas magnéticas; una memoria de sistema informático o una memoria de acceso aleatorio, tal como una memoria dinámica de acceso aleatorio (DRAM), una memoria de acceso aleatorio de doble velocidad de transmisión de datos (DDR RAM), una memoria estática de acceso aleatorio (SRAM), una memoria de acceso aleatorio de salida de datos extendida (EDO RAM), una memoria de acceso aleatorio Rambus (Rambus RAM); una memoria no volátil, tal como una memoriaflashy un soporte magnético (p. ej., un disco duro o un almacenamiento óptico); un registro u otros tipos similares de componentes de memoria, etc. El soporte de almacenamiento puede incluir además otros tipos de memorias o combinaciones de los mismos.

Un gráfico objetivo corresponde a una imagen visualizada por el flujo continuo de vídeo en cada punto temporal según la coordenada de dibujo y los datos de características estructuradas del gráfico básico seleccionado. Por lo tanto, el efecto de animación de dibujos gráficos se implementa en el flujo continuo de vídeo mientras se reproduce y se visualiza el flujo continuo de vídeo dibujando, para cada cuadro de imagen, un gráfico objetivo correspondiente en el lienzo que no está en la misma capa que la ventana de visualización de flujo continuo de vídeo, asegurando por ello que los gráficos dibujados se pueden usar para un procesamiento interactivo. Ya que el dibujo del gráfico objetivo se implementa basándose en los datos de características estructuradas del gráfico básico, los recursos informáticos del dispositivo terminal no se tienen que consumir sustancialmente para construir y dibujar el gráfico objetivo, reduciendo por ello la cantidad de procesamiento de datos en el proceso de dibujo gráfico y mejorando por consiguiente el rendimiento del procesamiento de datos.

Claims

REIVINDICACIONES

1. Un método de dibujo gráfico, aplicado a un dispositivo terminal que visualiza cada cuadro de imagen de un flujo continuo de vídeo a través de una ventana de visualización de flujo continuo de vídeo en una página de navegador y comprende un lienzo desplegado en una capa superior de la ventana de visualización de flujo continuo de vídeo y datos de características estructuradas de al menos un gráfico básico que coincide con el lienzo, que comprende:

monitorizar (210) en tiempo real un evento de dibujo gráfico objetivo que se realiza mediante un pincel basándose en un gráfico básico seleccionado;

en un caso en el que se detecta el evento de dibujo gráfico objetivo mientras se monitoriza el evento de dibujo gráfico objetivo, adquirir (220), para un punto temporal en el que se visualiza cada cuadro de imagen en el flujo continuo de vídeo, una coordenada de dibujo del pincel en cada punto temporal; y renderizar y dibujar (230) en el lienzo un gráfico objetivo correspondiente a una imagen visualizada por el flujo continuo de vídeo en cada punto temporal según datos de características estructuradas del gráfico básico seleccionado y de la coordenada de dibujo,

en el que los datos de características estructuradas se usan para indicar características clave de dicho al menos un gráfico básico, comprendiendo las características clave características de atribución y características de comportamiento: las características de atribución comprenden una coordenada de esquina superior izquierda, una coordenada de esquina inferior derecha, un grosor y un color de una línea, si se rellena el centro de un rectángulo, un color de relleno, y una transparencia, y las características de comportamiento comprenden si el gráfico básico se selecciona en el lienzo correspondiente y si se visualiza el gráfico básico,

en el que el método comprende además:

ajustar (200) una ubicación y un tamaño del lienzo según una ubicación de la ventana de visualización de flujo continuo de vídeo, un tamaño de la ventana de visualización de flujo continuo de vídeo y una resolución del flujo continuo de vídeo, y ajustar correspondientemente los datos de características estructuradas de al menos un gráfico básico de manera que el lienzo se despliega en una capa superior de la ventana de visualización de flujo continuo de vídeo y los datos de características estructuradas de al menos un gráfico básico coinciden con el lienzo.

2. El método de la reivindicación 1, en el que el evento de dibujo gráfico objetivo comprende un subevento de presión hacia abajo del pincel, un subevento de movimiento del dibujo y un subevento de elevación del pincel.

3. El método de la reivindicación 2, en el que monitorizar (210) en tiempo real el evento de dibujo gráfico objetivo que se realiza mediante el pincel basándose en el gráfico básico seleccionado comprende:

monitorizar (211) en tiempo real la generación del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo y del subevento de elevación del pincel por separado; y en respuesta a monitorizar un resultado de que se genera uno cualquiera del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo o del subevento de elevación del pincel, determinar (212) que se genera el evento de dibujo gráfico objetivo.

4. El método de la reivindicación 3, en el que la coordenada de dibujo comprende una coordenada de comienzo de dibujo y una coordenada de finalización de dibujo.

5. El método de la reivindicación 4, en el que adquirir, para el punto temporal en el que se visualiza cada cuadro de imagen en el flujo continuo de vídeo, la coordenada de dibujo del pincel en cada punto temporal comprende:

obtener (221) información de subeventos correspondiente al pincel en el punto temporal en el que cada cuadro de imagen en el flujo continuo de vídeo se visualiza según un resultado de monitorización del subevento de presión hacia abajo del pincel, del subevento de movimiento del dibujo y del subevento de elevación del pincel;

en un caso en el que la información de subeventos corresponde al subevento de presión hacia abajo del pincel, usar (222) una coordenada de ubicación del pincel en la página de navegador en un punto temporal del evento de presión hacia abajo del pincel como una coordenada de comienzo de dibujo del gráfico objetivo; y

en un caso en el que la información de subeventos corresponde al subevento de movimiento del dibujo o al subevento de elevación del pincel, usar (223) una coordenada de ubicación del pincel en la página de navegador en un punto temporal del subevento de movimiento del dibujo o del subevento de elevación del pincel como una coordenada de finalización de dibujo del gráfico objetivo.