// Cleopatra, Greek descent



// Drawing the backdrop

ctx.fillStyle = "#F4EBD5"; // Setting the canvas background color to a warm beige

ctx.fillRect(0, 0, 512, 512); // Filling the entire canvas with the background color



// Drawing Cleopatra's head

ctx.beginPath();

ctx.arc(256, 256, 200, 0, Math.PI * 2); // Drawing a circle for Cleopatra's head

ctx.fillStyle = "#FFDAB9"; // Setting the fill color to a light peach

ctx.fill(); // Filling the head shape



// Drawing Cleopatra's hair

ctx.beginPath();

ctx.moveTo(56, 256); // Starting point of the hair shape

ctx.quadraticCurveTo(256, 56, 456, 256); // Drawing a quadratic curve for the hair

ctx.fillStyle = "#000000"; // Setting the fill color to black

ctx.fill(); // Filling the hair shape



// Drawing Cleopatra's eyes

ctx.beginPath();

ctx.arc(206, 236, 40, 0, Math.PI * 2); // Drawing the left eye

ctx.arc(306, 236, 40, 0, Math.PI * 2); // Drawing the right eye

ctx.fillStyle = "#FFFFFF"; // Setting the fill color to white

ctx.fill(); // Filling the eye shape



// Drawing Cleopatra's eyebrows

ctx.beginPath();

ctx.moveTo(176, 206); // Starting point of the left eyebrow

ctx.lineTo(236, 206); // Drawing a line for the left eyebrow

ctx.moveTo(276, 206); // Starting point of the right eyebrow

ctx.lineTo(336, 206); // Drawing a line for the right eyebrow

ctx.lineWidth = 8; // Setting the line width for the eyebrows

ctx.strokeStyle = "#000000"; // Setting the stroke color to black

ctx.stroke(); // Drawing the eyebrows



// Drawing Cleopatra's nose

ctx.beginPath();

ctx.moveTo(256, 256); // Starting point of the nose shape

ctx.lineTo(236, 296); // Drawing a line for the left side of the nose

ctx.lineTo(276, 296); // Drawing a line for the right side of the nose

ctx.lineWidth = 4; // Setting the line width for the nose

ctx.strokeStyle = "#000000"; // Setting the stroke color to black

ctx.stroke(); // Drawing the nose



// Drawing Cleopatra's lips

ctx.beginPath();

ctx.moveTo(216, 336); // Starting point of the upper lip

ctx.quadraticCurveTo(256, 376, 296, 336); // Drawing a quadratic curve for the upper lip

ctx.moveTo(216, 336); // Starting point of the lower lip

ctx.quadraticCurveTo(256, 296, 296, 336); // Drawing a quadratic curve for the lower lip

ctx.lineWidth = 4; // Setting the line width for the lips

ctx.strokeStyle = "#FF0000"; // Setting the stroke color to red

ctx.stroke(); // Drawing the lips



// Drawing Cleopatra's earrings

ctx.beginPath();

ctx.arc(166, 256, 10, 0, Math.PI * 2); // Drawing the left earring

ctx.arc(346, 256, 10, 0, Math.PI * 2); // Drawing the right earring

ctx.fillStyle = "#FFD700"; // Setting the fill color to gold

ctx.fill(); // Filling the earring shapes



// Drawing Cleopatra's necklace

ctx.beginPath();

ctx.moveTo(256, 296); // Starting point of the necklace shape

ctx.lineTo(236, 336); // Drawing a line for the left side of the necklace

ctx.lineTo(276, 336); // Drawing a line for the right side of the necklace

ctx.lineWidth = 6; // Setting the line width for the necklace

ctx.strokeStyle = "#FFD700"; // Setting the stroke color to gold

ctx.stroke(); // Drawing the necklace



// Drawing Cleopatra's dress

ctx.beginPath();

ctx.moveTo(156, 356); // Starting point of the dress shape

ctx.lineTo(356, 356); // Drawing a line for the bottom of the dress

ctx.lineTo(306, 496); // Drawing a line for the left side of the dress

ctx.lineTo(206, 496); // Drawing a line for the right side of the dress

ctx.closePath(); // Closing the path to complete the dress shape

ctx.fillStyle = "#008080"; // Setting the fill color to teal

ctx.fill(); // Filling the dress shape



// Drawing Cleopatra's arms

ctx.beginPath();

ctx.moveTo(56, 356); // Starting point of the left arm

ctx.lineTo(156, 356); // Drawing a line for the left arm

ctx.moveTo(456, 356); // Starting point of the right arm

ctx.lineTo(356, 356); // Drawing a line for the right arm

ctx.lineWidth = 20; // Setting the line width for the arms

ctx.strokeStyle = "#FFDAB9"; // Setting the stroke color to a light peach

ctx.stroke(); // Drawing the arms



// Drawing Cleopatra's hands

ctx.beginPath();

ctx.arc(56, 356, 20, 0, Math.PI * 2); // Drawing the left hand

ctx.arc(456, 356, 20, 0, Math.PI * 2); // Drawing the right hand

ctx.fillStyle = "#FFDAB9"; // Setting the fill color to a light peach

ctx.fill(); // Filling the hand shapes



// Drawing Cleopatra's scepter

ctx.beginPath();

ctx.moveTo(56, 356); // Starting point of the scepter

ctx.lineTo(36, 416); // Drawing a line for the scepter

ctx.lineTo(76, 416); // Drawing a line for the scepter

ctx.lineWidth = 4; // Setting the line width for the scepter

ctx.strokeStyle = "#FFD700"; // Setting the stroke color to gold

ctx.stroke(); // Drawing the scepter



// Drawing Cleopatra's crown

ctx.beginPath();

ctx.moveTo(186, 156); // Starting point of the crown shape

ctx.lineTo(146, 196); // Drawing a line for the left side of the crown

ctx.lineTo(206, 216); // Drawing a line for the top of the crown

ctx.lineTo(266, 196); // Drawing a line for the right side of the crown

ctx.closePath(); // Closing the path to complete the crown shape

ctx.fillStyle = "#FFD700"; // Setting the fill color to gold

ctx.fill(); // Filling the crown shape



// Drawing Cleopatra's title

ctx.font = "bold 32px Arial"; // Setting the font for the title

ctx.fillStyle = "#000000"; // Setting the fill color for the title

ctx.textAlign = "center"; // Aligning the title text to the center

ctx.fillText("Cleopatra, Greek Descent", 256, 480); // Drawing the title text



// Cleopatra couldn't find her favorite sandals, so she wore her crown on her feet instead!



// Returning the drawing commands

ctx.canvas.toDataURL();