Title: Theory / Unimportant / CS / Descriptive / Web / SVG
Tags: mid1516974248815 récupéré hasNotNewEffectReturnsMeaning FromInstruction computer_to_instruction FromVariables

Instruction: <svg>foo</svg>
Page: https://www.w3schools.com/graphics/svg_rect.asp
Effect: A svg image, with content foo

Instruction: <circle/>
Page: https://www.w3schools.com/graphics/svg_rect.aspx
Effect: Add a circle

Instruction: fill=foo
Page: https://www.w3schools.com/graphics/svg_rect.aspx
Effect: state that the color of the filling is foo

Variable: cx
Meaning: the horizontal coordinate of the center of the circle
Page: https://www.w3schools.com/graphics/svg_rect.aspx

Variable: cy
Meaning: the vertical coordinate of the center of the circle
Page: https://www.w3schools.com/graphics/svg_rect.aspx

Variable: fill
Meaning: The color filling the figure
Page: https://www.w3schools.com/graphics/svg_rect.aspx

Variable: Stroke
Meaning: The color around the figure
Page: https://www.w3schools.com/graphics/svg_rect.aspx
Context: Svg

Variable: Stroke-width
Meaning: The width of the stroke around the figure
Page: https://www.w3schools.com/graphics/svg_rect.aspx

Variable: Height
Meaning: The height of the figure
Page: https://www.w3schools.com/graphics/svg_rect.aspx

Variable: Width
Meaning: The width of the figure
Page: https://www.w3schools.com/graphics/svg_rect.aspx

Variable: r
Meaning: The radius of the circle
Page: https://www.w3schools.com/graphics/svg_rect.aspx
Context: circle
Language: SVG

Variable: x
Meaning: The horizontal position of the figure
Page: https://www.w3schools.com/graphics/svg_rect.asp

Variable: y
Meaning: The vertical position of the figure
Page: https://www.w3schools.com/graphics/svg_rect.asp

Variable: ry
Meaning: The horizontal radius of the ellipse
Page: https://www.w3schools.com/graphics/svg_rect.asp

Variable: rx
Meaning: The vertical radius of the ellipse
Page: https://www.w3schools.com/graphics/svg_rect.asp

Question: When two figures intersect
Answer: the last one in the xml tree is drawn
Page: https://www.w3schools.com/graphics/svg_rect.asp