Résumé des fonctions texte/graphique du vocabulaire web

publication: 16 mars 2023 / mis à jour 6 avril 2023

Ordre d'utilisation des mots essentiels du vocabulaire web

Mots définis dans le vocabulaire `web`

Ce vocabulaire est spécifique à la version eFORTH web.

yielding-task yielding import rm ls download cat include-file upload upload-file  
session? web-key? web-key web-type scripts scripts# random button mouse  
textWidth fillText font text-size! log raw-http-upload http-download raw-download  
upload-success? upload-done? upload-start ms-ticks silence tone importScripts  
release keyCount getKey clearItems removeItem getItem setItem smooth gpop  
gpush rotate scale translate show-text keys-height mobile textRatios viewport@  
window line fill stroke lineTo moveTo beginPath box lineWidth color! text  
gr grmode shouldEcho? web-terminate web-key?-raw web-key-raw web-type-raw  
jseval JSWORD: jsslot jseval!

Certains de ces mots permettent d'exploiter les fonctions graphiques, ainsi que divers tests essentiels à l'environnement graphique. Ces mots sont repris dans cette arborescence:

 web
    +-- text
    |   +-- text-size!
    |   +-- textWidth 
    +-- gr
    |   +-- window
    |   |   +-- mouse
    |   |   +-- rotate
    |   |   +-- translate
    |   |   +-- scale
    |   |   +-- shadowBlur
    |   |   +-- shadowColor
    |   |   +-- shadowOffsetX
    |   |   +-- shadowOffsetY
    |   |       +-- drawImage
    |   |       +-- beginPath
    |   |           +-- arc 
    |   |           +-- circle 
    |   |           +-- ellipse
    |   |           +-- line
    |   |           +-- lineTo
    |   |           +-- lineWidth
    |   |           +-- moveTo
    |   |           +-- closePath
    |   |           |   +-- color!
    |   |           |   |   +-- fill
    |   -           -   |   +-- stroke
    |   
    |   |           +-- fillText
    |   |               +-- closePath
    +-- mobile
    +-- viewport@

Les mots encadrés ainsi sont des mots non définis dans le vocabulaire web. La documentation de ces mots donne leur définition.

Ces mots doivent être employés dans un certain ordre pour être exécutés correctement. Par exemple, le mot lineTo ne peut pas s'exécuter sans avoir exécuté préalablement les mots beginPath color! window gr et web.

Les mots tels que web et window initialisent l'environnement graphique et ne doivent être exécutés qu'une seule fois.

D'autres mots tels que color! ou beginPath doivent être utilisés régulièrement.

Dans cet organigramme, tous les mots sont affichés en liens hypertexte et renvoient vers la documentation détaillée de ce mot.

Références

Les références indiquées ici sont en cours d'implantation. Elles sont testées avant validation.

Drawing rectangles

clearRect   fillRect    strokeRect

Drawing text

fillText   strokeText   measureText

Line styles

lineWidth   lineCap     lineJoin    miterLimit 
getLineDassh            setLineDash 
lineDashoffset

Text styles

font        textAlign   textBaseLine    direction       letterSpacing 
fontKerning fontStretch fontVariantCaps textRendering   wordSpacing

Gradients

createConicGradient     createLinearGradient    createRadialGradient

Shadows

shadowBlur  shadowColor shadowoffsetX   shadowoffsetY

Paths

beginPath   closePath   moveTo      lineTo   
bezierCurveTo           quadraticCurveTo 
arc         arcTo       ellipse     rect

Drawing paths

fill        stroke

Transformations

rotate      scale       translate

Legal: site web personnel sans commerce / personal site without seling