Options
All
  • Public
  • Public/Protected
  • All
Menu

Class ProcessingImage

ProcessingImage 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 applyDilation

applyDilation: boolean

Private applyErosion

applyErosion: boolean

Private arrayBinaryValues

arrayBinaryValues: Array<number>

Private arrayRgbValues

arrayRgbValues: Uint8ClampedArray

Protected canvas

canvas: HTMLCanvasElement

Private cellSize

cellSize: number

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(bits: Array<number>, width: number, height: number): void

  • Draw a black and white image from an original source

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Parameters

    • bits: Array<number>
    • width: number
    • height: number

    Returns void

    densityPixel stats according to grayscaled image

getCanvas

  • getCanvas(): HTMLCanvasElement

getContext

  • getContext(): CanvasRenderingContext2D

Private getImageProcessingOptions

  • getImageProcessingOptions(): void

  • Get image processing options from html view

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Returns void

getRGBValues

  • getRGBValues(bits: Array<number>, width: number, height: number): Uint32Array

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

    author

    Lucas Fridez lucas.fridez@he-arc.ch

    Parameters

    • bits: Array<number>
    • width: number
    • height: number

    Returns Uint32Array

    image as RGBA 32 bits pixels

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