configureRetinaCanvas() — react Function Reference

Architecture documentation for the configureRetinaCanvas() function in Surface.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ configureRetinaCanvas() — react Function Reference

Dependency Diagram

graph TD
  62173a73_e35e_ddd0_2860_c8904e175c4f["configureRetinaCanvas()"]
  2fbafaf8_32f6_4129_38fc_89470d906d24["Surface.js"]
  62173a73_e35e_ddd0_2860_c8904e175c4f -->|defined in| 2fbafaf8_32f6_4129_38fc_89470d906d24
  fdb03c79_f3eb_2541_2f0e_64f1d4c6e09e["getCanvasContext()"]
  fdb03c79_f3eb_2541_2f0e_64f1d4c6e09e -->|calls| 62173a73_e35e_ddd0_2860_c8904e175c4f
  style 62173a73_e35e_ddd0_2860_c8904e175c4f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/Surface.js lines 25–34

function configureRetinaCanvas(
  canvas: HTMLCanvasElement,
  height: number,
  width: number,
) {
  canvas.width = width * DPR;
  canvas.height = height * DPR;
  canvas.style.width = `${width}px`;
  canvas.style.height = `${height}px`;
}