About

Political meme culture generates billions of impressions annually. A poorly constructed meme with illegible text, bad contrast, or misaligned captions fails to propagate. This generator pulls real quotes attributed to Donald Trump from a public API and composites them onto images using the Canvas 2D rendering pipeline. Text positioning uses pixel-level drag placement with automatic word-wrapping calculated against canvas width w minus configurable padding p. The stroke-fill dual-pass rendering ensures legibility against any background luminance.

The tool approximates standard meme typography conventions: bold Impact-style fonts, white fill with black outline at a stroke width of 2 - 4 pixels. Custom text input is sanitized but not censored. If the quote API is unreachable, the tool falls back to a local dictionary of 50+ verified quotes. Generated memes export as PNG at the native canvas resolution. No server-side processing occurs.

Formulas

Text wrapping on canvas requires measuring each word against available line width. The algorithm iterates over words and accumulates them until the measured pixel width exceeds the threshold:

lineWidth = canvasWidth − 2 ⋅ padding

For each word w_i, the accumulated line is measured via measureText. If the result exceeds lineWidth, a line break is inserted and a new line begins. Total text height is:

H_text = n_lines × fontSize × lineHeight

where n_lines is the number of wrapped lines, fontSize is in pixels, and lineHeight is a multiplier (default 1.2). The outline legibility technique uses dual-pass rendering: first strokeText with a dark color at stroke width s, then fillText with the fill color on top.

strokeText(text, x, y) → fillText(text, x, y)

where x, y are the drag-determined coordinates stored in state.

Reference Data

Quote Category	Example	Typical Use	Virality Index
Self-Aggrandizing	“I have the best words.”	Ironic overlay on mundane images	High
Hyperbolic Claims	“Nobody knows more about X than me.”	Expert contradiction memes	Very High
Insult-Based	“Low energy.”	Reaction images	High
Covfefe-Class	“Despite the constant negative press covfefe”	Absurdist humor	Legendary
Wall References	“We’re going to build a wall.”	Construction / barrier jokes	High
Winning	“We’re going to win so much.”	Sports / competition overlays	Medium
Superlative	“This is the greatest X in history.”	Mundane object praise	High
Fake News	“Fake news!”	Disagreement reaction memes	Very High
Tremendous	“Tremendous. Believe me.”	Approval / sarcasm	Medium
Deals	“The art of the deal.”	Negotiation / shopping memes	Medium
China	“China!”	Pronunciation emphasis memes	High
Billions	“Billions and billions.”	Exaggeration humor	Medium
Sad!	“Sad!”	Disapproval reaction	Very High
Wrong	“Wrong.”	Debate reaction images	High
Huge	“This is going to be huge.”	Scale comparison memes	Medium

Frequently Asked Questions

The canvas renders at a fixed resolution determined by its width and height attributes. If the canvas is 800×600 pixels and your font size approaches 10% of the canvas height, individual glyph edges become visible. The tool uses a default canvas size of 800×600. For higher fidelity at large font sizes, the canvas would need to be rendered at 2× resolution (1600×1200) and CSS-scaled down, which this tool does via devicePixelRatio detection.

The tool contains a fallback dictionary of over 50 verified Trump quotes embedded directly in the JavaScript source. If the fetch to api.whatdoestrumpthink.com fails or times out after 5 seconds, a random quote is selected from this local array. A toast notification informs you that the offline fallback was used.

Yes. The upload button accepts JPEG, PNG, WebP, and GIF (first frame only) files. The image is read via FileReader as a data URL and drawn to the canvas. No image data leaves your browser. Maximum recommended resolution is 4096×4096 pixels. Larger images are downscaled to prevent memory issues.

The dual-pass technique draws the text twice. First pass: strokeText with a contrasting color (default black) at a line width of 3-4 pixels creates an outline. Second pass: fillText with the primary color (default white) is drawn on top. This ensures a minimum contrast ratio exceeding 4.5:1 against any background luminance value.

Canvas re-rendering on every touchmove event can cause frame drops on lower-end devices. The tool throttles drag updates using requestAnimationFrame to cap redraws at 60fps. If you still experience lag, reduce the canvas quality setting or use a smaller font size, both of which reduce per-frame rendering cost.

The meme exports as PNG at the native canvas resolution (default 800×600 pixels, scaled by devicePixelRatio for retina displays). PNG is lossless and supports the text outline edges without JPEG compression artifacts. File sizes typically range from 200KB to 1.2MB depending on image complexity.