Home  >  Article  >  Web Front-end  >  Summary of articles about the use of drawing tools

Summary of articles about the use of drawing tools

伊谢尔伦
伊谢尔伦Original
2017-06-13 11:53:271316browse

Let me introduce you to a tool for making svg. When we want to draw a very complex svg picture on a web page, we can use the Method Draw tool to draw it. After the drawing is completed, it can be exported as code and copied to our project without downloading. , this is a web tool tool address: Portal Although this web page has many bugs, it is still a good tool. Click on the canvas. On the right side of the page, we can adjust the canvas properties by clicking on the properties. The scroll wheel can be fine-tuned or you can directly double-click to modify the properties. Value toolbar The left toolbar is just like the drawing toolbar. The shape library has many alternative shapes. Select a shape and press the left and right keys at the same time to select the shape again. Bezier curve. Draw the Bezier curve at a certain point in the canvas. Hold down the left mouse button. This point is the starting point of the arc. Then lift the left mouse button at a certain point. The point you release is the control point of the Bezier curve. Click again on another point, which is the end point of the arc. To adjust the shape, click on the shape you drew. On the right side, you can control the style. For example, if you draw a circle, you can adjust its (x, y) coordinates, horizontal and vertical radius, rotation angle, transparency, blur, and position (left-aligned, right-aligned, centered...

1. SVG (Scalable Vector Graphics) drawing tool Method Draw

Summary of articles about the use of drawing tools

# #Introduction: Let me introduce you to a tool for making svg. When we want to draw a very complex svg picture on a web page, we can use the Method Draw tool to draw it. After the drawing is completed, it can be exported as code and copied to our project without downloading. , this is a web tool tool address: Portal Although this web page has many bugs, it is still a good tool. Click on the canvas. On the right side of the page, we can adjust the canvas properties by clicking on the properties. The scroll wheel can be fine-tuned or you can directly double-click to modify the properties. Value toolbar left toolbar

2. Chart.js Simple and beautiful chart drawing tool library

Introduction : Provide various official and user-released code examples and code references. Welcome everyone to exchange and learn

3. jqPlot jquery’s page chart drawing tool_jquery

Summary of articles about the use of drawing tools

Introduction: It may be due to my limited personal understanding. I have always thought that it is difficult to display a slightly dynamic chart using HTML alone. But after seeing jqPlot, my understanding has changed a lot. jqplpt is a chart display plug-in based on HTML. It does not generate pictures. The most valuable thing is that it can generate dynamic data prompts similar to flex and dynamically change the data display range. Wait.

4. jqPlot Option configuration object detailed explanation_jquery

##Introduction: If you have read the companion article of this article " Friends of jqPlot - a chart drawing tool based on jquery should know the general operation method of jqPlot; if you are still not sure, you can refer to the usage introduction of jqPlot official website.

The above is the detailed content of Summary of articles about the use of drawing tools. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn