A web-based nine-cut graph drawing method

A nine-cut picture and webpage technology, applied in the direction of program control devices, can solve single problems, achieve the effect of saving picture resources and adapting to the screen size

Active Publication Date: 2016-06-29
GUANGZHOU GOMO SHIJI TECH CO LTD
View PDF1 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] At present, the production method of the nine-cut map is realized through the java system and the Android emulator, and can only be applied to a single Android platform.

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • A web-based nine-cut graph drawing method
  • A web-based nine-cut graph drawing method
  • A web-based nine-cut graph drawing method

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0030] In the actual application process, not every nine-cut image needs to be redrawn and scaled. Some applications only need to judge whether it is a nine-cut image, and some applications need to be scaled based on the judgment. Therefore, the present invention will be further described for different situations in practical applications in combination with the flow chart below.

[0031] The implementation method of judging whether it is a nine-cut graph ( figure 1 ):

[0032] 1. Draw the original picture on the web page on the Canvas canvas that supports Html5 through javascript language;

[0033] 2. Obtain the pixel values ​​of the first row, first column, last row and last column of the picture on the Canvas canvas. The representation method of the pixel value is RGBA, R means Red, G means Green, B means Blue, A Indicates transparent Alpha, and the value of RBGA is the value of each pixel of the picture;

[0034] 3. According to whether the pixel values ​​of the first r...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention relates to a nine-patch photo drawing method based on a webpage. The nine-patch drawing method based on the webpage comprises drawing an original photo on a canvas painting cloth of hypertext markup language (Html) 5 through JAVA scripting language, and reading the pixel value of the first line, the first column, the last line and the last column of the original photo; judging whether the original photo is a nine-patch photo or not according to the pixel value of the original photo, and determining scaling areas of the original photo if the original photo is the nine-patch photo; analyzing the read pixel value of the original photo, and determining the position and the size of each area of the original nine-patch photo; and judging a target photo to be enlarged or to be narrowed, drawing the photo, and at last displaying on the webpage. The nine-patch drawing method based on the webpage breaks the current situation that the nine-patch photo can only be based on Android platform, and achieves the cross-platform application of the nine-patch photo.

Description

technical field [0001] The invention relates to the technical field of web page drawing, in particular to a method for drawing a nine-cut graph based on a web page. Background technique [0002] Nine cut pictures, also known as dot nine pictures, is a special picture form in the development of application software on the Andriod platform. , 4 sides, and a middle region. The 4 corners are fixed areas and will not be zoomed; the 4 sides are to record the position and size of the zoomed area; only the area specified by the black line in the middle area can be zoomed. In short, there are at most 4 kinds of zooming types or zooming areas of the nine-cut image, which are horizontal and vertical non-zooming, horizontal zooming, vertical non-zooming, horizontal non-zooming, vertical zooming, and horizontal and vertical zooming. Smartphones have the function of automatic horizontal screen. The same interface will change the display direction according to the parameters of the direc...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Patents(China)
IPC IPC(8): G06F9/44
Inventor 邓裕强黄爱华梁国盛朱海鑫黄伦张凯
Owner GUANGZHOU GOMO SHIJI TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap