User Interface

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/ayushpai/AI-Math-Notes/llms.txt

Use this file to discover all available pages before exploring further.

​

Canvas

​

Drawing Mechanics

• Click and hold the left mouse button to start drawing
• Drag to create lines with a 5-pixel width
• Release to finish the current stroke

​

Control Buttons

def clear(self):
    self.canvas.delete("all")
    self.image = Image.new("RGB", (self.canvas_width, self.canvas_height), (0, 0, 0))

def undo(self):
    if self.actions:
        last_action = self.actions.pop()
        for line_id, coords in last_action:
            self.canvas.delete(line_id)
        self.redraw_all()

response = self.client.chat.completions.create(
    model="gpt-4o",
    messages=[{
        "role": "user",
        "content": [
            {"type": "text", "text": "Give the answer to this math equation..."},
            {"type": "image_url", "image_url": {"url": f"data:image/png;base64,{base64_image}"}}
        ]
    }]
)

​

Answer Display

• Position: 70 pixels to the right and 20 pixels above the last point you drew
• Color: Orange (#FF9500) for clear visibility against the black background
• Font: Noteworthy at 100pt size for a handwritten aesthetic

​

Window Title