Rookie entrepreneurial record-the third day

The third day, began to work, today's small partners to give me a draft logo, because he is doing industrial design, so this step has been very good, the idea of the rest of the changes I found a professional to do web design friends to help change, very refreshing little girl, finished looking at the money, this .... What do you call me? Originally modified this logo my budget is 200, in case of the poor people? Alas, fortunately after a lot of design work, can only so comfort themselves, not many said:

650) this.width=650; "title=" QQ picture 20141210215712.png "Src=" Http://s3.51cto.com/wyfs02/M00/55/08/wKioL1SIUe_ Wgmu2aaggigt8xcs167.jpg "alt=" Wkiol1siue_wgmu2aaggigt8xcs167.jpg "/>

Feeling proportion is not very good, a little abrupt, a friend to see after said a little scary ... In addition Familyn domain name embodiment is not very obvious, but are not big problem, already and design ditch passed, should come out soon, wait and see ...

Yesterday, the basic logic of registration is finished, the next is the most most important display problem, this problem is the only heart flaky, because it is a family tree, so I want to engage in the intelligence, the overall effect such as:

650) this.width=650; "title=" QQ picture 20141210220159.png "Src=" http://s3.51cto.com/wyfs02/M01/55/13/ Wkiom1siumyzk5bwaacpb5rgmju192.jpg "alt=" Wkiom1siumyzk5bwaacpb5rgmju192.jpg "/>

Automatic connection, automatic output member information block, position to be calculated according to the relationship, zoom out will not change the effect of the block. Now the basic idea is that the page reality with SVG implementation, dynamic effect with svg.js, as for the background data first put it, that is not difficult!

Because previously did not contact SVG, so the study of the afternoon of the svg.js, completely do not understand, so still the basic SVG tags and attributes to understand and then to study svg.js, and then do the effect, finally the data to work, the next few days to focus on SVG.

SVG: refers to a scalable vector graphic (Scalable vector graphics)

    svg has some pre-defined shape elements that can be used and manipulated by the developer :

• Rectangle <rect>

• Round <circle>

• Oval <ellipse>

• Line <line>

• Line <polyline>

• Polygon <polygon>

• Path <path>

<rect> Tags: variants used to create rectangles and rectangles, such as squares

Example code: <rect x= "" "y=" "rx=" "ry=" "" Width= "" "height=" "style=" fill: #6666FF; stroke-width:0;stroke:blue;o pacity:0.5 "/>

<rect> properties: x= left position, y= top position, width= width, height= height, fill= fill color, stroke-width= edge width, stroke= edge color, opacity= background transparency (0-1), Rx and ry can produce rounded corners of the rectangle

<circle> Tags: used to create a circle

Example code: <circle cx= "0" cy= "" "R=" "stroke=" 2 "stroke-width=" #669966 "fill=

<circle> Properties: CX and Cy define the x and y coordinates of the dot, and R is the radius of the circle

<ellipse> Tags: used to create an ellipse

Example code: <ellipse cx= "" "Cy=" "" "rx=" "ry=" "style=" fill: #666699; stroke-width:0;stroke:blue "/>

<cllipse> Properties: CX and Cy define the x and y coordinates of the dot, Rx is the horizontal radius, ry is the vertical radius

Today first came here, and fast 11 o'clock, set aside 20 minutes to wash the hair of the time, the morning is too cold, really did not have the courage to wash the head! Good night, tomorrow will be better!

This article from the "90 It People" blog, declined to reprint!

Rookie entrepreneurial record-the third day