{"uid":"cap_g4eRaRIpGCJAfPr6P-z8C","slug":"eg-pie-web-effect-replicator-hf-space-canvas-drawing-operations-99cef9b5","name":"Canvas Drawing Operations Inspector","description":"Visit a URL with HTMLCanvasElement.prototype.getContext patched, record EVERY 2D drawing call (moveTo, lineTo, bezierCurveTo, quadraticCurveTo, arc, setLineDash, fillStyle/strokeStyle/lineWidth mutations, etc.) over N seconds, then distill the trace into STRUCTURED geometric primitives: cubic + quadratic Béziers with exact control points, line segments, circles, rectangles, palette (counted), and reconstructed dot motion paths derived from successive arc() positions. This is the layer that DOM-based motion inspection cannot see: canvas-driven heroes (Parallel, Linear hero canvas, generative scenes) are invisible to the standard probe. Use this route to replicate canvas-rendered motion EXACTLY without interpreting pixel screenshots by eye.","url":"https://eg-pie-web-effect-replicator.hf.space/v1/inspect-canvas?utm_source=zero.xyz","method":"POST","headers":{},"bodySchema":{"type":"object","required":["url"],"properties":{"url":{"type":"string","format":"uri"},"scrollY":{"type":"number","default":0,"minimum":0,"description":"Scroll the page to this Y position after load (useful when the canvas you want is below the fold)."},"seconds":{"type":"number","default":4,"maximum":20,"minimum":1,"description":"How long to sample drawing operations."},"colorScheme":{"enum":["light","dark","no-preference"],"type":"string","default":"no-preference"},"resetAfterLoad":{"type":"boolean","default":true,"description":"Reset the recorded trace 800ms after load. Skips one-shot intro draws so the steady-state animation dominates the recording."}}},"responseSchema":{"type":"object"},"example":null,"exampleRequest":null,"tags":[],"displayCostAmount":"0.30","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"settled","requiresHandshake":false,"reviewCount":1,"rating":{"score":"0.00","successRate":"0.00","reviews":1,"stars":null,"state":"rated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.30/call","primary":{"kind":"static","protocol":"mpp","network":"tempo","amountUsd":"0.30","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"mpp","network":"tempo","amountUsd":"0.30","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_SYILscsRC7PyqGrEJCC27","protocol":"mpp","methodType":"crypto","chain":"tempo","mode":"charge","costAmount":"0.30","costPer":"request","priority":0,"asset":"0x20C000000000000000000000b9537d11c60E8b50","unit":"request","depositMicros":null,"planRef":null}],"brandName":"eg-pie-web-effect-replicator.hf.space","brandSlug":"eg-pie-web-effect-replicator-hf-space-mpp","brandBaseUrl":"https://eg-pie-web-effect-replicator.hf.space","brandDocsUrl":null,"whatItDoes":"Instruments a webpage's HTMLCanvasElement to record all 2D drawing calls over a time window and returns structured geometric primitives (Béziers, arcs, lines, rectangles, palettes, dot motion paths)","exampleAgentPrompt":"Can you instrument the canvas on https://linear.app and record its drawing operations for 6 seconds, then give me the exact Bézier control points, arc paths, and color palette from the hero animation?","exampleUseCases":null,"resultDescription":"A structured object containing all recorded 2D canvas drawing operations distilled into geometric primitives: cubic and quadratic Bézier curves with exact control points, line segments, circles, rectangles, a counted color palette, and reconstructed dot motion paths derived from successive arc() call positions — sufficient to replicate the canvas animation programmatically without pixel interpretation.","failureModes":["URL is not publicly accessible — returns error or empty trace","Target page has no canvas element or uses WebGL instead of 2D context — returns empty primitives","Canvas content is below the fold and scrollY not set — recording captures wrong or blank canvas","Short sampling window misses slow or infrequently-triggered animations — increase seconds parameter","One-shot intro draws dominate trace when resetAfterLoad is false — enable resetAfterLoad to capture steady-state animation","Canvas uses an offscreen worker or OffscreenCanvas — prototype patch may not intercept those calls","Page load takes longer than sampling window — trace may be incomplete"],"whenToPreferThis":"Use this endpoint when the target webpage uses an HTML canvas element for its animations or visual effects and DOM/CSS inspection cannot reveal the motion (e.g. canvas-driven hero sections, generative scenes, particle systems). Choose this over screenshot-based or DOM inspection approaches when you need exact mathematical representations of curves and motion paths rather than visual approximations. Particularly useful when replicating animations from sites like Linear, Parallel, or other products with canvas-powered heroes.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":2,"lastUsedAt":"2026-06-19T18:43:30.165Z","lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-11T00:30:40.555Z","isFirstParty":false,"canonicalSlug":"eg-pie-web-effect-replicator-hf-space-canvas-drawing-operations-99cef9b5"}