Chapter 786: makeCallout()

Core Idea

_Part of the @remotion/shapes package.

Key Concepts

• Example
• Arguments
• Return type
• See also

Code Examples

const { path, width, height, transformOrigin } = makeCallout({
  width: 500,
  height: 200,
  pointerLength: 40,
  pointerBaseWidth: 60,
  pointerDirection: "down",
  cornerRadius: 20,
});

console.log(path);
console.log(width); // 500
console.log(height); // 240
console.log(transformOrigin); // '250 100'

• What it demonstrates: Usage pattern for makeCallout() from the official docs.

Key Takeaways

1. Understand example when working with makeCallout().
2. Understand arguments when working with makeCallout().
3. Understand return type when working with makeCallout().
4. Understand see also when working with makeCallout().

Connects To

• Arrow: related page in the Shapes (@remotion/shapes) section.
• Callout: related page in the Shapes (@remotion/shapes) section.
• Circle: related page in the Shapes (@remotion/shapes) section.