Paint

Paint

new Paint(optionsopt, container)

Description:

  • Crée une zone pour dessiner

Source:
Parameters:
Name Type Attributes Description
options Object <optional>
Properties
Name Type Attributes Description
textes Array.<string> <optional>
colors Array.<string> <optional>

Les colors à proposer, la dernière sera utilisée comme couleur de remplissage
container string | HTMLElement

Members

colors :Array.<string>

Source:
Type:
  • Array.<string>

container :HTMLElement

Description:

  • Conteneur (position relative) qui sert de référence aux positionnements absolus (pour les div des lettres ou le tracé)

Source:

Conteneur (position relative) qui sert de référence aux positionnements absolus (pour les div des lettres ou le tracé)

Type:
  • HTMLElement

fillColor :string

Description:

  • La couleur de remplissage

Source:

La couleur de remplissage

Type:
  • string

onDrawListener :EventListener

Description:

  • listener attaché à l’instance pour pouvoir le mettre au mousedown et le retirer au mouseup|mouseout

Source:

listener attaché à l’instance pour pouvoir le mettre au mousedown et le retirer au mouseup|mouseout

Type:
  • EventListener

textes :Array.<string>

Description:

  • Les lettres ou textes déplaçables

Source:

Les lettres ou textes déplaçables

Type:
  • Array.<string>

Methods

onClickColor(event)

Description:

  • Change de couleur (mis en listener mousedown)

Source:
Parameters:
Name Type Description
event MouseEvent

onClickedText(divTexte, event)

Description:

  • Listener mousemove sur un texte

Source:
Parameters:
Name Type Description
divTexte HTMLElement
event MouseEvent

onDraw(event)

Description:

  • Listener mis au mousedown|touchstart et retiré au mouseup|mouseout|touchend, il trace dans le canvas

Source:
Parameters:
Name Type Description
event MouseEvent | TouchEvent

onMouseDown(event)

Description:

  • Au mousedown sur canvas faut activer le listener move pour tracer

Source:
Parameters:
Name Type Description
event

onTouchStart(event)

Description:

  • Au touch sur canvas faut activer le listener move pour tracer

Source:
Parameters:
Name Type Description
event

startDrawing(event)

Description:

  • Prépare ctx pour le tracé qui démarre

Source:
Parameters:
Name Type Description
event

(static) create(container, optionsopt) → {Paint}

Description:

  • Crée une zone de dessin et la retourne

Source:
Parameters:
Name Type Attributes Description
container HTMLElement | string
options Object <optional>
Properties
Name Type Attributes Default Description
width number <optional>
 100
height number <optional>
 100
epaisseur number <optional>
 2
textes Array.<string> <optional>

Les lettres ou textes déplaçables sur la zone de dessin
colors Array.<string> <optional>

Les colors à proposer, la dernière sera utilisée comme couleur de remplissage
Returns:
Type
Paint