67 results about "Canvas element" patented technology

A direct manipulation event associated with a chart of an analytics report can be detected. The event can be a user interface input and the chart can be an information graphic. The graphic can be a graphically rendered HTML compliant element and a data set. The report can conform to a JAVASCRIPT OBJECT NOTATION (JSON) format. The analytics report can be presented within a browser. An action can be run responsive to the detecting. The action can be an immediate rendering of the graphic based on the event. When the action executes a request for data not in the data set data from a different data set can be obtained. When the action executes a request for data in the data set, the data from the data set can be automatically retrieved. The analytics data can be immediately rendered as a chart within the canvas element of an HTML document.

The invention discloses a webpage screenshot generating method and device. The webpage screenshot generating method comprises the steps of obtaining screenshot operation information of screenshot operation on a webpage by a user, creating a webpage canvas based on a canvas element of hypertext markup language supported by a browser of the opened webpage, and generating the webpage screenshot corresponding to the screenshot operation information on the canvas. According to the scheme, screenshot operation can be carried out on the whole webpage.

The invention relates to a system and a method for increasing canvas rendering speed of a webpage. The system comprises a drawing module, a buffer module and a refresh module. The drawing module records drawing commands in command packages by taking a canvas frame as a unit, and executes the drawing commands to draw a memory bit map by taking the command package as a unit, wherein each command package only contains all the drawing commands involved by one canvas frame. The buffer module stores the memory bit map drawn by the drawing module. The refresh module reads the memory bit map stored in the buffer module and refreshes the memory bit map on display screen. With the adoption of the system and the method for increasing the canvas rendering speed of the webpage, the performance bottleneck caused by frequent copy of a large block of memory in the prior art is avoided when a browser renders "canvas elements" of the webpage on a platform or device without GPU support or GPU rasterization characteristics, the operation is simple, and the application range is relatively wide.

Embodiments of the disclosure are directed to HTML5 Canvas element rendering methods implemented on an Android system based on GPU hardware. The methods may include after a rendering operation instruction for a Canvas element in an HTML5 web page is detected and an initialization operation is completed, converting an invoking instruction for a 2D Canvas drawing API into an invoking instruction for an OpenGL ES API through a Skia GPU function library; setting EGL Context created during the initialization operation as a current context of a thread where a rendering operation is located; rendering the Canvas element in an off-screen local window created during the initialization operation by using the GPU; and copying the rendered Canvas element to a current active window of a device from the off-screen local window by using a mapping operation function of the GPU. The methods, by making use of a local window rendering mechanism provided by an Android operating system and the OpenGL ES API, allow the Canvas element to be drawn and mixed by using the GPU, thereby improving the performance of Canvas rendering by using GPU hardware acceleration.

The invention relates to a 3D webpage game developing method and system based on WebGL. The method includes the steps of obtaining canvas elements of a HTML5, establishing a drawing environment basedon WebGL through the canvas elements, conducting three-dimensional modeling on a game model, designing bone joints in the established three-dimensional game model, extracting modeling parameters and bone joint information in the three-dimensional game model, importing the extracted modeling parameters and bone joint information in a PlayCanvas encoder to construct a game scene, establishing a gamescript, a game logic and a rule logic, and issuing a 3D webpage game. By means of the method, no files need to be installed, the 3D effect game experience can be obtained by opening a website in a browser, the game can be run without downloading a plug-in, the game can be used in a cross-platform mode, and the use experience of a user is improved.

The invention discloses an electronic contract signing method and device, a computer device and a storage medium. The method comprises the following steps of: obtaining a sample; The method comprisesthe steps of receiving a signing request of an electronic contract; obtaining a contract type contained in the request, obtaining a contract from a contract template set; obtaining a contract templatecorresponding to the contract type, as basic contracts, using a preset online browsing plug-in; analyzing the contract content of the basic contract; using a canvas element in HTML5; displaying the analyzed content to a client; obtaining contract content in a fixed format; converting the information into formats that can be browsed by various intelligent terminals; enabling cross-platform characteristics, Compared with the prior art, the electronic contract signing method has the advantages that an electronic contract signing way is added, meanwhile, when a signing submitting request is received, the user signing data and the user identity identification data are obtained from the request and subjected to authenticity authentication, an authentication result is obtained, the user identityis confirmed through combination of multiple modes, and the electronic contract signing safety of the user is improved.

The invention provides a method and a device for map route compilation. The method comprises that a graph container is disposed according to a canvas element, and a canvas label is disposed for the graph container; a map route graph of a picture format which can satisfy browser supporting is acquired and put into the graph container; input compilation information is acquired by a DOM object of the canvas label; and the map route graph in the graph container is compiled according to the compilation information. By the embodiment of the invention, modifications of the method and the device for the map route compilation can be minimized during implementation, a user's demands can be satisfied in a short time, efficiency of the map route compilation can be increased, and time for the map route compilation can be shortened.

The present invention provides textile articles of commerce and their production via a method of providing a light-emitting, reflective, luminescent, holographic, semi-metallic, or metallic imaged or imageable media in a cut sheet format of less than or equal to about 11 by 17 inches and having at least 2 permanent functional layers and at least one transient removable layer, wherein the transient layer can be peeled off and removed prior to applying to a textile, fabric or canvas receptor element the remaining media portion having at least two permanent layers, wherein the receptor element has at least one surface with valleys or pores, or having at least one surface that is substantially smooth or textured that can be adhered to by the imaged or imageable media, and wherein the receptor element may be a flexible, semi-rigid or rigid textile, fabric, or canvas element, and further wherein the at least two permanent layers of the media comprised a metallic layer and an ink receptor layer, and wherein the ink receptor layer includes pores for receiving ink jet ink and the receptor layer comprises at least one ink-jet ink binding composition in an amount sufficient to chemically bind the ink within the ink receptive layer and survive at least twenty washes in a detergent and water solution normally used to launder fabrics, and the top surface of the permanent media may optionally comprise a thermoplastic coating that can be melted in order to seal the ink receiving pores.

An HTML file for making a browser adapted to a canvas element in HTML5 perform a process of color conversion of a specified image with specified characteristics and display the converted image at high speed. In the process of carrying out color conversion of the specified image with specified characteristics and displaying the converted image, an algorithm is employed such that data manipulation on a pixel-by-pixel basis is not instructed from the HTML file to the browser, but instead a plurality of instructions are given to overwrite an entire area of a bitmap image as original image data, and data derived therefrom are expanded onto a canvas uniformly with color of an appropriate brightness value and transparency.

The invention discloses a dynamic graph processing method and a dynamic graph processing device. A dynamic graph comprises canvas elements, graphic elements and animation elements. The method comprises the steps of analyzing the canvas elements, the graphic elements and the animation elements in the dynamic graph; and according to analyzing results of the canvas elements, the graphic elements and the animation elements, establishing an XML-data-format node tree, and expressing each element in the dynamic graph in a mode of a node in the node tree, wherein the canvas elements include a canvas object and a corresponding canvas attribute value thereof, the graphic elements include a graphic object and a corresponding graphic attribute value thereof, and the animation elements include an animation object and a corresponding animation attribute value thereof. According to the embodiment of the invention, through expressing each element in the dynamic graph in a mode of an XML-data-format node tree, and XML-data-format data can be read by common application software, and therefore, the application scope of the dynamic graph is increased, and the reading efficiency of dynamic graph reading is improved.

The invention provides a report data interaction method and system based on a mobile terminal. The method comprises the following steps of defining a web canvas element on a user interface; analyzing corresponding statistic numerical values of various categories in report statistical data according to a graphic report type and generating a graphic report in the position range of the web canvas element; obtaining focus coordinate information of a focus when a user touches the user interface; modifying a corresponding color display attribute value or transparency attribute value at a graphic report position which is pointed by the focus coordinate information; and/or obtaining a first blank position located around the graphic report and corresponding to the pointed graphic report position according to the focus coordinate information; and adding an indication sign at the first blank position. The invention provides a way to display chart information dynamically and interactively.

A computer implemented method includes receiving one or more data sequences and formula sequences, each formula referencing one or more of the data values of the data sequences; providing a GUI enabling a user to define a pattern including at least one data element representing a data sequence and at least one formula element representing a formula sequence, the GUI enabling the user to define the spatial relationship of the data elements and formula elements in the pattern, applying the pattern on a canvas of an electronic document multiple times, thereby filling canvas elements mapped to a data element with data values and filling canvas elements mapped to a formula element with formulas or formula results, until all data values of one of the data sequences or all formulas of one of the formula sequences have been filled once into the canvas.

The invention provides a webpage 3D (three-dimensional) rendering and controlling method and a device, which are applicable to the field of computer application. The method includes acquiring a webpage 3D graphic interface via a document object model of webpage canvas elements; creating a local window and a local window controller, creating a drawing thread in the local window controller and setting drawing time intervals; triggering an event ready to be completed, initiating a shader and a graphic data buffer cache; running the drawing thread and obtaining the state of the local window; and executing corresponding operation of the drawing thread according to the state of the local window. In an embodiment of the invention, 3D scene drawing efficiency is high due to the fact that the local thread is used for timing triggering, and animation is drawn smoothly and high-efficiently. In addition, different operations are executed under different obtained states of the local window by the aid of a web engine, and front-end web development difficulty is reduced.

An embodiment of the invention provides a method and device for displaying massive points in an electronic map. The method includes receiving point location data of each interest point in the target massive points, wherein the point location data at least includes latitude and longitude information; obtaining target document coordinates of each interest point in a target page document of the electronic map according to the latitude and longitude information of each interest point in the target massive points; adjusting the first size and first document coordinates of a pre-created Canvas element to make the Canvas element and a map container of the electronic map coincide; utilizing the Canvas element to draw each interest point in the target massive points on a layer of the Canvas elementaccording to the target document coordinates of each interest point to be displayed as the target massive points in the electronic map. By means of the technical scheme, all the interest points focused in the massive points can be displayed, and the performance of a browser can be improved.

The invention relates to a dynamic image generation method and device. The method comprises the steps of obtaining a video frame of a specified video when a video frame obtaining request for the specified video is received in a browser; drawing the acquired video frame in a canvas of a canvas element through an application programming interface of the canvas element of the browser; adding a videoframe in a canvas of the canvas element to a frame list through an application programming interface of the canvas element; and generating a dynamic image according to the video frames in the frame list. According to the method and the device, the dynamic image can be generated in the HTML5 environment, acquisition of the video frame and generation of the dynamic image are all completed in the browser, the complexity of generating the dynamic image is reduced, and the efficiency of generating the dynamic image is improved.

Methods, systems, and apparatuses, including computer programs encoded on a computer storage medium, for creating a communication including content editable in a browser independent of platform or operating system. A system creates such a communication by defining the communication in markup language having a plurality of elements, adding canvas element(s) as one of the elements, inserting script within the markup language for defining the user specific and non-user specific content as a plurality of user specific and non-user specific objects, establishing coordinates for each of the user specific and non-user specific objects relative a defined origin, drawing each object at the coordinates established for the object in the canvas element(s) as canvas natives visible in the browser, and interpreting user initiated events for use in editing at least one of the plurality of user specific objects and the plurality of non-user specific objects.

The invention discloses a method and device for text drawing, relates to the field of computer technologies and aims to solve the problem in poor effects of current text drawing methods on Canvas. The method disclosed by the invention comprises the steps that the current rest width is computed before drawing of each character on the Canvas, wherein the rest width is equal to the difference which is obtained by subtraction of a character end point horizontal coordinate of a previous character from the Canvas width, and the character end point horizontal coordinate is the sum of a character start point horizontal coordinate of the previous character and the character width of the previous character; whether the rest width is smaller than the character width of a to-be-drawn character is judged; if the rest width is not smaller than the character width of the to-be-drawn character, the to-be-drawn character will be drawn after the previous character; and if the rest width is smaller than the character width of the to-be-drawn character, the to-be-drawn character will be drawn on another row. The method and device disclosed by the invention are applicable to text drawing with application of Canvas elements.

The present invention discloses a special effect display method and system of an intelligent terminal. The method comprises the steps of setting a Canvas tag on a user interface of the intelligent terminal; creating a Canvas; setting parameters of the Canvas; setting a snow falling effect for the Canvas; forbidding default events of the Canvas through CSS attribute setting of DOM, and clicking a Canvas interface to discover no trigger event; and disabling a Canvas element function. Through adoption of the method, a solution of showing animated snow falling on the intelligent terminal is simplified, the calculating amount and bandwidth occupation of the intelligent terminal are reduced, and the standby time of the intelligent terminal is prolonged without lowering the user experience; and a functional unit of the user interface can be used normally so as to facilitate operations of a terminal user, so that the method and system meet the demand of diversified usage development of the intelligent terminal.

The invention provides a label printing template generation method and device. The method comprises the steps of obtaining an html file, and adding a Canvas element into the html file; drawing an entity object group on the Canvas element; acquiring json data of a label printing template according to the entity object group; sending the html file to a browser, analyzing the html file by the browserand then displaying an effect picture of the label printing template, and the effect picture of the label printing template comprising the Canvas element and the entity object group. The Canvas element is added into the html file; each entity object required by the printing template is drawn on the Canvas element; a user adds or modifies the label printing template through the html file; and thehtml file is analyzed through the browser to display the effect picture of the label printing template, so that the user can visually and conveniently check the style of the template in real time andgenerate the json data of the template file in real time in the process of adding and modifying the label printing template.

The invention discloses a business mode canvas drawing method and device. According to the business mode canvas drawing method and device, a business mode canvas drawing page can be displayed, the business mode canvas drawing page comprises a canvas view and an element component list, and the canvas view comprises construction areas corresponding to multiple business mode constituent elements; the element component list comprises at least one canvas element component of the business model constituent elements; when a dragging operation of a user for the canvas element component is detected and a target position of the dragging operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area; and generating a target business mode canvas according to the canvas element components in the construction area. According to the embodiment of the invention, drawing is performed in the canvas view in which the construction area is divided in advance by using the canvas element component corresponding to the commercial mode constituent element, so that the efficiency of drawing the commercial mode canvas can be improved.

The invention relates to the technical field of artificial intelligence, and provides a webpage watermark adding method and device, electronic equipment and a storage medium, and the method comprises the steps: obtaining a plurality of watermark elements and equipment sizes; constructing indexes of a plurality of watermark elements according to the dynamic parameters of each watermark element; constructing a canvas template and a Canvas element used for drawing the dynamic watermark image based on the plurality of watermark elements; drawing a first dynamic watermark image in the canvas template according to the index, the context environment parameter of the Canvas element and the static parameter and the dynamic parameter of each watermark element; drawing the watermark image into a canvas of the browser to obtain a second dynamic watermark image; and adding the second dynamic watermark image on the watermark display layer to obtain a dynamic watermark webpage. According to the method and the device, the second dynamic watermark image is automatically tiled on the watermark display layer of the target webpage, only one display layer is needed, less webpage resources are occupied, and the efficiency of adding the watermark in the webpage is improved.

The embodiment of the application provides a caption display method and device, and a user terminal. A user terminal receives an HTML page file provided by a content server, and the HTML page file includes a multimedia element and script information corresponding to a source file of the multimedia element; for each time point set by the source file, when the source file is played to the time point, a target time period including the time point is determined from the script file, and the target caption information corresponding to the target time period is searched from at least one piece of caption information; and then the searched target caption information is displayed on a canvas element of the HTML page file. The multimedia element includes an audio or video element, and the source file includes a video file or an audio file. Thus, the change of the caption content or the caption effect can be realized conveniently and quickly.