Options
All
  • Public
  • Public/Protected
  • All
Menu

Class BlackWhiteImage

BlackWhiteImage class to define a canvas drawing a grayscale image

author

Lucas Fridez lucas.fridez@he-arc.ch

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Properties

Private arrayBinaryValues

arrayBinaryValues: Array<number>

Private arrayRgbValues

arrayRgbValues: Uint8ClampedArray

Protected canvas

canvas: HTMLCanvasElement

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

drawImage

  • drawImage(canvasImage: HTMLCanvasElement, sliderLimitMin: Slider, sliderLimitMax: Slider): void

  • Draw a black and white image from an original source

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Parameters

    • canvasImage: HTMLCanvasElement

      HTML Canvas tag from which original image is taken

    • sliderLimitMin: Slider
    • sliderLimitMax: Slider

    Returns void

    densityPixel stats according to grayscaled image

getBinaryUnits

  • getBinaryUnits(): Array<number>

  • Get binary values [0; 1] from array rgb values [0; 255]

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Returns Array<number>

    binary image array

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

Generated using TypeDoc