Join the discussion
Question 12/22
The logo shown is displayed on a web page as an SVG.
Note: The coordinate values are labeled for reference.
Evaluate the image on the left and complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.


Note: The coordinate values are labeled for reference.
Evaluate the image on the left and complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.


Correct Answer:

Explanation:

The SVG image is built from three filled polygon faces, one white ellipse, and two white diagonal line segments. The three < polygon > elements define the black cube faces by connecting multiple coordinate points. The small white oval on the top face must be an < ellipse > because the markup uses cx, cy, rx, and ry; these attributes define an ellipse center point and horizontal/vertical radii. The diagonal marks on the left and right faces are straight segments, so they must use the SVG < line > element. A line is defined with starting coordinates x1, y1 and ending coordinates x2, y2. The first diagonal runs from the bottom point (200,365) to the upper-left point (50,100). The second diagonal must mirror it on the right side, so it starts at (200,365) and ends at (350,100). Therefore, the final coordinate selection is x2= " 350 " y2= " 100 " . References/topics:
SVG shapes, < polygon > , < ellipse > , < line > , coordinate-based vector drawing, SVG markup construction.
Add Comments
- Other Question (22q)
- Q1. You need to display the following user interface: A text input field that displays a selec...
- Q2. Review the following markup segment: < form action= " process.js " method= " get " >...
- Q3. You need to define a grid that meets the following requirements: * Explicitly sets the wid...
- Q4. You are creating a script that reads a JSON menu file and displays the Entree, Price, and ...
- Q5. You are creating a form that requires the category to be entered as a two- or three-letter...
- Q6. You have created custom error messages for a form. When a user attempts to submit the form...
- Q7. The following form is missing validation attributes: < form > < div class= " cont...
- Q8. You write the following markup to create a page. Line numbers are included for reference o...
- Q9. Which CSS property defines the sides of an element where other floating elements are not a...
- Q10. You define the following layout: < !DOCTYPE html > < html > < head > <...
- Q11. The following output has more text than will fit in the element. (Exhibit) You need to app...
- Q12. The logo shown is displayed on a web page as an SVG. Note: The coordinate values are label...
- Q13. Review the markup segment. Which entry will validate successfully according to the require...
- Q14. Which two statements correctly describe media queries? Choose 2....
- Q15. The following code adds items to the groceries array from the other arrays. Line numbers a...
- Q16. You create an interface for a touch-enabled application. You discover that some of the inp...
- Q17. You need to create the layout shown, which defines five content areas: * Logo and page tit...
- Q18. Match each property to its corresponding value for creating the CSS flexible box layout. M...
- Q19. Which markup segment creates an SVG ellipse?
- Q20. A local photographer asks you to add filters as shown to the images in their photo gallery...
- Q21. You need to ensure that the value of an input element is a valid 10-digit phone number wit...
- Q22. You define the Pet class as follows: class Pet { constructor(name, breed) { this.name = na...
