Cr\u00e9ation basique d’une ligne (CP-YS)<\/p>\n\n\n\n
Une ligne peut \u00eatre cr\u00e9\u00e9e :<\/p>\n\n\n\n
– \u00e0 partir de deux points<\/p>\n\n\n\n
board.create('line',[p0,p1],{options});<\/code><\/pre>\n\n\n\nLes points peuvent \u00eatre pr\u00e9d\u00e9finis comme ci-dessus ou donn\u00e9s directement :<\/p>\n\n\n\n
board.create('line',[[a,b],[c,d]],{options});<\/code><\/pre>\n\n\n\n– en donnant les coefficients de la droite : a*z + b*x + c*y = 0<\/p>\n\n\n\n
board.create('line',[a,b,c],{options});<\/code><\/pre>\n\n\n\nAttributs (Options) :<\/p>\n\n\n\n
\n- name<\/strong> : (string) C’est l’\u00e9tiquette du point. Si elle est d\u00e9finie par ‘ ‘, le point n’aura pas d’\u00e9tiquette.
On doit cependant noter que ce nom n’appara\u00eetra pas sur le graphique. NB : Etrangement
le positionnement du nom est gouvern\u00e9 par des commandes label.
==> {name: ‘A’}.<\/li>\n\n\n\n- withLabel<\/strong> : (String – true or false) Si false le nom n’appara\u00eet pas.
==> label: {anchorX: ‘middle’, anchorY: ‘middle’, offset: [0, 0], distance: 1.2, position: ‘0.2fr left’ }<\/li>\n<\/ul>\n\n\n\n On peut modifier les propri\u00e9t\u00e9s des labels. Par exemple :<\/p>\n\n\n\n
label: {\n anchorX<\/strong> : aligner la position en abscisse par rapport au point de fixation\n (\"left\",\"middle\",\"right\")\n anchorY<\/strong> : aligner la position en ordonn\u00e9e par rapport au point de fixation\n (\"bottom\",\"middle\",\"top\")\n offset<\/strong> : compensation ([compensation en x, compensation en y], d\u00e9placement horizontal et vertical du label.\n distance<\/strong> : (R\u00e9el controle la distance \u00e0 la ligne)\n position<\/strong> : permet de positionner exactement le label le long de la ligne \n ('xfr bord' -- x est un nombre entre 0 et 1. Le label sera positionn\u00e9 \u00e0 x% du bord associ\u00e9 bord = right or left.\n 'x% bord' -- x est un nombre entier entre 0 et 100\n 'xpx bord' -- x est un nombre de pixel\n )\n}<\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
\n- strokeWidth<\/strong> : (entier) d\u00e9termine la largeur du trait.
==> {strokeWidth: 3}.<\/li>\n\n\n\n- strokeColor<\/strong> : (Valeur HTML) ou un \u00e9lement de la liste des couleurs d\u00e9finies dans JSXGraph.
==> {strokeColor: ‘#5F9EA0’}
ou
==> {strokeColor: ‘lightgolden’}<\/li>\n\n\n\n- dash<\/strong> : (Entier de 0 \u00e0 6) D\u00e9cide si la ligne est en pointill\u00e9 et la forme des pointill\u00e9s
==> {dash: 2}<\/li>\n\n\n\n- shadow<\/strong> : d\u00e9cide si on trace un ombre. Si on veut l’ombre standard :
==> {shadow: true}<\/li>\n\n\n\n- straightFirst<\/strong> :(string true or false) d\u00e9cide si la ligne se prolonge au-del\u00e0 du premier point
==> {straightFirst : true}<\/li>\n\n\n\n- straightLast<\/strong> :(string true or false) d\u00e9cide si la ligne se prolonge au-del\u00e0 du premier point
==> {straightLast : false}<\/li>\n\n\n\n- layer<\/strong> : (Integer 0 -…) D\u00e9cide de l’ordre dans lequel les objets sont trac\u00e9s
==> {layer : 7} <– 7 est la valeur par d\u00e9faut<\/li>\n\n\n\n- visible<\/strong> : (string true or false) D\u00e9termine si la ligne appara\u00eet sur le graphique ou non.
<\/li>\n<\/ul>\n\n\n\nNB : la combinaison de “straightFirst” et “straightLast” permet de construire des demi-lignes ou des segments mais on peut toucher \u00e0 tous ses param\u00e8tres. Dans ce cas (si on ne veut pas d’une option, on ne la pr\u00e9sente pas)<\/p>\n\n\n\n
<\/p>\n\n\n\n
{shadow: \n { enabled: true, (autorise l'ombre)\n color: '#000000', (couleur)\n blend: 0.5, (m\u00e9lange) \n opacity: 0.5, (opacit\u00e9 - [0,1])\n offset:[0, 25], (d\u00e9placement [horizontal, vertical])\n blur: 6 (floutage)\n }\n} <\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
<\/p>\n\n\n\n
\n- highlight<\/strong> : (string : true or false) (par d\u00e9faut true)<\/li>\n\n\n\n
- highlightStrokeWidth<\/strong> : (integer) Largeur de la ligne quand la souris passe dessus
==> {highlightStrokeWidth: ‘4’}<\/li>\n\n\n\n- highlightStrokeColor<\/strong> : (Valeur HTML) couleur de la ligne quand la souris passe dessus
==> {highlightStrokeColor: ‘#5F9EA0’}
<\/li>\n<\/ul>\n\n\n\nM\u00e9thodes : <\/p>\n\n\n\n
Les m\u00e9thodes sont des fonctions tr\u00e8s utilises associ\u00e9es \u00e0 un objet (ici la ligne) :<\/p>\n\n\n\n
\n- nom_de_ligne.getAngle() : retourne l’angle entre la ligne et l’axe des abscisses (les axes doivent exister)<\/li>\n\n\n\n
- nom_de_ligne.getRise() : retourne l’ordonn\u00e9e \u00e0 l’origine (les axes doivent exister)<\/li>\n\n\n\n
- nom_de_ligne.getSlope() : retourne la pente de la droite (les axes doivent exister)<\/li>\n\n\n\n
- nom_de_ligne.L() : retourne la distance entre les deux points qui d\u00e9finissent la droite<\/li>\n\n\n\n
- nom_de_ligne.hasPoint(a,b) : retourne true si le point [a,b] est sur la ligne<\/li>\n<\/ul>\n\n\n\n
<\/p>\n\n\n\n
D\u00e9finition g\u00e9n\u00e9rale :<\/p>\n\n\n\n
Si l’on veut que toutes les lignes partagent une (ou des) propri\u00e9t\u00e9s en commun
==> toutes les lignes ont un label<\/p>\n\n\n\n
<\/p>\n\n\n\n
board.options.line.withLabel = true;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"Cr\u00e9ation basique d’une ligne (CP-YS) Une ligne peut \u00eatre cr\u00e9\u00e9e : – \u00e0 partir de deux points Les points peuvent \u00eatre pr\u00e9d\u00e9finis comme ci-dessus ou donn\u00e9s directement : – en donnant les coefficients de la droite : a*z + b*x + c*y = 0 Attributs (Options) : On peut modifier les propri\u00e9t\u00e9s des labels. Par […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1682","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages\/1682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spgoo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1682"}],"version-history":[{"count":45,"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages\/1682\/revisions"}],"predecessor-version":[{"id":1809,"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages\/1682\/revisions\/1809"}],"wp:attachment":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}