Canvas-based radar map generation method and device, storage medium and terminal

Abstract

The invention discloses a Canvas-based radar map generation method and device, a storage medium and a terminal, and the method comprises the steps of drawing a Canvas map layer on a canvas, obtaininga corresponding drawing result, and outputting the drawing result, the Canvas map layer comprising a first Canvas map layer for drawing a radar map and / or a second Canvas map layer for drawing a coordinate system; and displaying the drawing result on a display screen of the display device. According to the radar map generation method provided by the embodiment of the invention, the canvas with theCanvas elements is introduced, and the radar map and the coordinate system can be drawn on the Canvas layer of the canvas, so that due to the introduction of the Canvas for drawing, rendering can bedirectly carried out on a front-end browser, and the rendering speed is increased by at least one time compared with that of other rendering methods at present; besides, due to the fact that the canvas with the Canvas elements is introduced, in the drawing process, the canvas can adapt to the display screen of the display device, data does not need to be requested again, and therefore the drawingprocess is simplified.

Description

technical field [0001] The present invention relates to the technical field of radar image processing, in particular to a Canvas-based radar image generation method, device, storage medium and terminal. Background technique [0002] The current drawing method of the radar chart is to draw the picture by the back-end Java to obtain the drawn picture. Then the drawn picture is passed to the front end, and the picture is rendered on the browser side. But not only the transmission process of transmitting pictures is relatively slow, but also the process of rendering pictures to pictures is also very slow. [0003] When drawing graphics through the Java language, it is necessary to obtain a fixed size of the picture to draw the picture, and use Highcharts to draw the coordinate axis at the front end. Therefore, it results in poor adaptability and poor controllability. Among them, Highcharts is a chart written in pure JavaScript library. Clicking on a certain point through JS t...

AI Technical Summary

Problems solved by technology

But not only the transmission process of transmitting pictures is relatively slow, but also the process of rendering pictures to pictures is also very slow

[0003] When drawing graphics through the Java language, it is necessary to obtain a fixed size of the picture to draw the picture, and use Highcharts to draw the coordinate axis at the front end. Therefore, it results in poor adaptability and poor controllability. Among them, Highcharts is a chart written in pure JavaScript library

Clicking on a certain point through JS to display the point data will cause a waste of resources by requesting the server again

[0004] At present, the radar map drawing method is based on the large amount of radar data. The back-end draws and transmits pictures for image rendering and display. The intermediate execution steps are long, and the user needs to wait for a long time; Low scalability, which affects the user experience

Images