To complete this problem you must have a computer that is capable of viewing Scalable Vector Graphics (SVG) files. Your Web browser may already be able to view these files. To test to see if your browser can display SVG files, type in the rectline.svg file below and see if you can open it in your Web browser. If your Web browser cannot view the file, then you can search on the Web and download a free SVG viewer.
The graphics screen to draw an image uses a coordinate system in which (0, 0) is located in the upper-left corner. The x coordinate increases to the right, and the y coordinate increases to the bottom. Consequently, coordinate (100, 0) would be located 100 pixels directly toward the right from the upper-left corner, and coordinate (0, 100) would be located 100 pixels directly toward the bottom from the upper-left corner. This is illustrated in the figure below.
The SVG format defines a graphics image using XML. The specification for the image is stored in a text file and can be displayed by an SVG viewer. Here is a sample SVG file that draws two rectangles and a line. To view it, save it to a text file with the “.svg” extension, such as rectline.svg, and open it with your SVG viewer.
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="500" height="500" xmlns="http://www.w3.org/2000/svg"> <rect x="20" y="20" width="50" height="250" style="fill:blue;"/> <rect x="75" y="100" width="150" height="50" style="fill:rgb(0,255,0);"/> <line x1="0" y1="0" x2="300" y2="300" style="stroke:purple;stroke-width:2"/> </svg> |
For purposes of this problem, you can ignore the first five lines and the last line and consider them “boilerplate” that must be inserted to properly create the image.
The lines that begins with <rect x="20"…draw a blue rectangle whose upper-left corner is at coordinate (20, 20) and whose width is 50 pixels and height is 250 pixels.
The lines that begin with <rect x="75"…draw a green rectangle (RGB color value of 0,255,0 is all green) whose upper-left corner is at coordinate (75, 100) and whose width is 150 pixels and height is 50 pixels.
Finally, the <line> tag draws a purple line from (0, 0) to (300, 300) with a width of 2.
Based on this example, write a
Want to see the full answer?
Check out a sample textbook solutionChapter 6 Solutions
Problem Solving with C++, Student Value Edition Plus MyLab Programming with Pearson eText - Access Card Package (10th Edition)
Additional Engineering Textbook Solutions
Objects First with Java: A Practical Introduction Using BlueJ (6th Edition)
Modern Database Management
Java How to Program, Early Objects (11th Edition) (Deitel: How to Program)
Starting Out With Visual Basic (7th Edition)
Starting Out with C++ from Control Structures to Objects (9th Edition)
Starting Out with C++: Early Objects
- You are creating a programme for several platforms, which is the issue. As a result, the code is dotted with several #ifdef lines. In fact, there are so many that the code is difficult to comprehend and the design is unsightly.For instance:void send_cmd(void){ send_cmd_start();#ifdef FE_TEXTURE send_texture();#endif /* FE_TEXTURE */#ifdef FE_COLOR send_background(); if (foreground != TRANSPARENT) send_foreground();#endif /* FE_COLOR */#ifdef FE_SIZE if (size != 0) send_size();#endif /* FE_SIZE */#ifdef FE_REPLAY if (prev_cmd == '\0') { prev_cmd = cur_cmd; prev_param = cur_param; }#endif /* FE_REPLAY */ send_cmd_end();}arrow_forwardimport image def draw_border(pic):'''Returns an image with a black border around it'''pass #You can leave this or remove it#Your code here to draw a black border around the image def main():'''Controls the program'''fname = "https://runestone.academy/runestone/books/published/StudentCSP/_static/swan.jpg"img = image.Image(fname)width = img.getWidth()height = img.getHeight()win = image.ImageWin(width, height)draw_border(img)img.draw(win) main() #Run the programarrow_forwardUsing Java, solve the following problem using JavaFX: Write a program (Call the class ImageDisplay) that displays four images in a grid pane, as shown below. You are given 4 flags for the display, but you are free to choose other images. You are to use a GridPane for the layout. Also use ImageView. You will need to create an object for each image and use add method of GridPane to add an image to a specified row and column layout.arrow_forward
- The other half is in the photos Read the paint program below carefully and complete the source code paint.cpp by: 1. write function “myInit” of your own where you must a) setup viewport, b)set clear color to black and clear window, and c) setup matrix mode and viewing 2. Create your right menu containing the following submenus and main entries: a) color menu with eight entries “Red”, “Green”, “Blue”, “Cyan”, “Magenta”, “Yellow”, “White”, and “Black” b) pixel menu with two entries “Increase pixel size” and “Decrease pixel size” c) fill menu with two entries “Fill on” and “Fill off” d) two main entries “clear” and “quit” 3. Compile and run the program. Your complete program must be able to draw line segments, rectangles, triangles, pixels with specified color. It must also be able to accept keyboard input and display the text on the screen when work in text mode. /* paint.cpp */ #define LINE 1 #define RECTANGLE 2 #define TRIANGLE 3 #define POINTS 4 #define TEXT 5 #include…arrow_forwardHelp me modify my MaxSentinel Java Program(Attached image & Pasted Java Code) into a new program called MaximumSent... 1. Check for valid first entry. Then allow the user to enter as many numbers as desired. 2. If invalid number entered, print "Invalid entry." Prompt the user again until a valid number is entered. 3. Once -1 is entered, program stops and prints the largest number entered. Submit final code. JAVA CODE for MaxSentinel, has been pasted below: (also view attached images) import java.util.Scanner; public class MaxSentinel{ public static void main(String[] args) { Scanner input=new Scanner(System.in); int num=0,max=-1; System.out.print("Enter positive integers(-1 to stop):"); num=input.nextInt(); while(num!=-1) { if(num>max) max=num; System.out.print("Enter positive integers(-1 to stop):"); num=input.nextInt(); } System.out.println("Largest number: "+max); }}arrow_forwardThe Issue: You're creating a programme that will run on many platforms. As a result, there are several #ifdef statements scattered throughout the code. There are so many that the code is difficult to understand and things seem unsightly.As an example: void send_cmd(void){ send_cmd_start();#ifdef FE_TEXTURE send_texture();#endif /* FE_TEXTURE */#ifdef FE_COLOR send_background(); if (foreground != TRANSPARENT) send_foreground();#endif /* FE_COLOR */#ifdef FE_SIZE if (size != 0) send_size();#endif /* FE_SIZE */#ifdef FE_REPLAY if (prev_cmd == '\0') { prev_cmd = cur_cmd; prev_param = cur_param; }#endif /* FE_REPLAY */ send_cmd_end();}arrow_forward
- Based on your algorithm(User valida- tion), write a program that does the same thing using HTML, CSS, and JavaScript. Use the scoring guide below: Import CSS design using link tag. The login page should be presentable. Import JavaScript using script tag Write JSON object in your JS file containing the following account: Username: john, Password: smith Username: mary, Password: woods Username: steve, Password: jobs •The program should be able to count the num- ber of login attempts. If it reaches the maximum threshold of 3 incorrect credentials, it should dis- able the login button. If the user was able to login with correct credentials(username and its corresponding password), use an alert to display ”successfully logged in!”. The program should be able to determine what goes wrong, for example, the ”user does not ex- ist” only appears when the username does not match to the accounts inside the JSON, and ”Incorrect password” if the username is correct…arrow_forwardWrite a Javafx program that allows the user to edit ,open, exit, and save a text file. For this design a GUI having a text area and a menu on top with name File. The File menu should have three options including, Open, Save, and Exit. On choosing the Open option, the program allows to the user to browse through his computer to select a text file. The selected text file shall be opened in the text area. Then user can make required changes in the file and then on selecting save option from File menu, the program shall write the contents back to the original file. and exit You will need to get the user response from the alert so that if user choose OK then the system is closed and cencel to do not closearrow_forwardFor this milestone, you will be creating a simple n by n grid. Each grid cell will be a square, with all of them either filled or unfilled. The grid should completely fill the Turtle window (more about this below.) You will first ask for 3 inputs: Grid size n as an integerPen color as a stringFill color as a string Then using the inputs, produce a grid using these 3 inputs. Here is a sample output: Grid size (n): (input) Pen color: (input) Fill color: (input) Bolded text are inputs and would not appear in the autograder's tests Next are some examples of the grid your program should produce: The fill color and pen color is up to your decision. By the end of this milestone, your program should be able to produce an n by n grid that is either filled or unfilled. For our grids to completely fill the Turtle window, we need to control both the size of the drawing canvas and the size of the window that holds the drawing canvas. We have several methods and properties of the Screen object…arrow_forward
- Make the photo below into a grayscale using python. Let us assume that the photo below is located in a folder name 'pic' and the name of the photo is Bird.jpgCode for gray: def grayscale(image): for y in range(image.getHeight()): for x in range(image.getWidth()): (r, g, b) = image.getPixel(x, y) r = int(r * 0.299) g= int(g * 0.587) b = int(b * 0.114) lum = r + g + b image.setPixels(x, y, (lum, lum, lum))arrow_forwardC Programming Question The output of my code is the left image. How do I make my othello board look like the right picture I provided? Could you correrct my code please. void initializeBoard(char board[ROW][COL]){ int i, j; for (i = 0; i < ROW; i++) { for (j = 0; i < COL; i++) { if ((i == 3 && j == 3) || (i == 4 && j == 4)) board[i][j] = 'O'; else if ((i == 4 && j == 3) || (i == 3 && j == 4)) board[i][j] = 'X'; else board[i][j] = SPACE; } } } // function displayBoardvoid displayBoard(char board[ROW][COL]){ int i, j; printf("|-----------------------------------------------------|\n"); printf("| | A | B | C | D | E | F | G | H |\n"); printf("|-----------------------------------------------------|\n"); for (i = 0; i < ROW; i++) { printf("| %d |", i + 1); for (j…arrow_forwardDoes this display two images? And if so in which folder shall I add the gif files? package javafxapplication3; import javafx.application.Application;import javafx.scene.Scene;import javafx.scene.image.Image;import javafx.scene.image.ImageView;import javafx.scene.layout.GridPane;import javafx.stage.Stage; public class JavaFXApplication3 extends Application {@Overridepublic void start(Stage primaryStage)throws Exception {GridPane gridPane = new GridPane();int flagCount = 0;for (int i = 0; i<2; i++) {for (int j = 0; j<2; j++) { gridPane.add(new ImageView(new Image("image/flag"+flagCount+".gif")), i, j);flagCount++;}}Scene scene = new Scene(gridPane, 1000, 500);primaryStage.setTitle("Flags");primaryStage.setScene(scene);primaryStage.show();}public static void main(String[]args) {Application.launch(args);}}arrow_forward
- Programming Logic & Design ComprehensiveComputer ScienceISBN:9781337669405Author:FARRELLPublisher:CengageNew Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning