@Override
	public void draw(PortablePixmap pixMap) {

		//We need to calculate the actual coordinates for the PixMap using the relative coordinates provided
		int absoluteOriginX = convertToAbsoluteValues(this.originX, pixMap.getWidth());//<--this will get the actual origin X for PixMap
		int absoluteOriginY = convertToAbsoluteValues(this.originY, pixMap.getHeight());//<--this will get the actual origin Y for PixMap

		//We need to calculate the actual values for the Trapezoid using the relative values provided
		int absoluteHeight = convertToAbsoluteValues(this.relativeHeight, pixMap.getWidth());
		int absoluteUpperWidth = convertToAbsoluteValues(this.relativeUpperWidth, pixMap.getWidth());

	
		// Outside loop iterates from zero to the height of the image
		for (int row = 0; row < pixMap.getHeight(); row++) {
			// If the row of the image is within the range of the square only
			// check the columns
			if (row >= absoluteOriginY && row <= absoluteOriginY + absoluteHeight) {
				// Inside loop iterates from zero to the width of the image
				for (int column = 0; column < pixMap.getWidth(); column++) {
					// Check whether the column is within the range
					double h = row - absoluteOriginY;
					if (column >= absoluteOriginX - h / 2 && column <= absoluteOriginX + absoluteUpperWidth + h/ 2) {
						// If both row and column are within the range
						pixMap.setPixel(row, column, this.color); // Change the color of the pixel point
					}
				}
			}
		}
	}//end of draw method