Options
All
  • Public
  • Public/Protected
  • All
Menu

Class SpectrumChart

SpectrumChart to draw a Chart of black white density pixel from a grayscale image

author

Lucas Fridez lucas.fridez@he-arc.ch

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Properties

Private arrayDensityPixels

arrayDensityPixels: Array<number>

Protected canvas

canvas: HTMLCanvasElement

Private chart

chart: any

Protected context

context: CanvasRenderingContext2D

Methods

adaptAppearance

  • adaptAppearance(image: HTMLImageElement): void

  • Adapt canvas' appearance (width/height) according to image

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Parameters

    • image: HTMLImageElement

      to keep aspect ratio and dimensions

    Returns void

clear

  • clear(): void

drawChart

  • drawChart(data: Array<number>, minInput: Slider, maxInput: Slider, limit: number): void

  • Draw Spectrum Chart

    limit

    black limit for threshold

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Parameters

    • data: Array<number>

      density array of image pixels

    • minInput: Slider

      Slider for minInput threshold (user option)

    • maxInput: Slider

      Slider for maxInput threshold (user option)

    • limit: number

    Returns void

Private findThreshold

  • findThreshold(data: Array<number>, limit: number): { max: number; min: number }

  • Find threshold min and max values

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Parameters

    • data: Array<number>

      density array of image pixels

    • limit: number

      black limit for threshold

    Returns { max: number; min: number }

    min and max values for threshold

    • max: number
    • min: number

Private findThresholdMin

  • findThresholdMin(data: Array<number>): number

  • Find Threshold minimum

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Parameters

    • data: Array<number>

      density array of image pixels

    Returns number

    index of minimum value to keep for black value

Private findThresholdPeak

  • findThresholdPeak(data: Array<number>, limit: number): number

  • Find Threshold peak according to black limit option (set by user)

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Parameters

    • data: Array<number>

      density array of image pixels

    • limit: number

      black limit for threshold

    Returns number

    index of peak value [0; 255]

getCanvas

  • getCanvas(): HTMLCanvasElement

getContext

  • getContext(): CanvasRenderingContext2D

getScaledDimensions

  • getScaledDimensions(imgWidth: number, imgHeight: number): { height: number; ratio: number; width: number }

  • Get scaled dimensions of canvas

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Parameters

    • imgWidth: number

      width of image

    • imgHeight: number

      height of image

    Returns { height: number; ratio: number; width: number }

    aspect ratio object {ratio, width, height}

    • height: number
    • ratio: number
    • width: number

Private updateChart

  • updateChart(data: number[], limit: number, xAxis: number[], threshold: { max: number; min: number }): void

  • Update Chart

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Parameters

    • data: number[]

      density array of image pixels

    • limit: number

      black limit for threshold

    • xAxis: number[]

      value for xAxis to draw

    • threshold: { max: number; min: number }

      min and max values to draw vertical lines

      • max: number
      • min: number

    Returns void

Generated using TypeDoc