J'ai une courbe quadratique dessinée sur toile HTML utilisant J'ai le point de contrôle et les points de départ et de fin, qui ne sont pas nécessairement les uns avec les autres horizontalement. P>
Comment puis-je trouver le point central sur la courbe en utilisant ces paramètres? p>
En fait, je veux mettre une balise diviser sur ce point central.
Existe-t-il une résolution d'équation impliquée dans ce processus? P> context.QuadraticCurveto (ControlX, contrôly, endx, endy); code>. p>.
3 Réponses :
Voici une page décrivant l'équation quadratique et sa solution: page wiki . Et voici un bon tutoriel sur le sujet, complet avec des diagrammes: tutoriel A > p>
Cette page que je connais et aussi je le regarde mais je veux calculer le point central à l'aide de JavaScript. Je ne sais pas comment trouver le point central.
Si vos points de départ et de fin sont de niveau les uns avec les autres horizontalement, la coordonnée X de la courbe sera directement au milieu (c.-à-d.) X_START + ((x_end - x_start) / 2) et la coordonnée Y peut être trouvée en substituant cette x valeur dans l'équation d'origine au lieu de x et la résoudre. Avez-vous l'équation?
C'est le vrai problème d'homme. J'ai des points de départ et de fin aléatoires
D'où vient la courbe de la première place? Avez-vous une équation décrivant-la?
Les formules pour calculer les coordonnées d'un point à une position donnée (de 0 à 1) sur la courbe sont p> où (x1, y1) est le point de départ (x2, y2) est le point de contrôle et (x3, y3) est le point d'extrémité. p> donc, tournant cela en javascript, nous finissons avec quelque chose comme p> si vous passez les points de démarrage, de fin et de contrôle sur p> quadracicurveto code> dessine un Quadratique Curve Bézier .
getquadraticcurvepoint code> là, ainsi que
0.5 code> pour la mi-chemin Position, vous devez obtenir un objet avec les coordonnées X et Y. P>
Exemple h1>
<canvas id="c" width="500" height="500">
une manière possible: et le jsfiddle correspondant: jsfiddle.net/ptccl / p> p>
Veuillez expliquer ce que vous entendez par «point de contrôle» et «démarrage» et «finir».
Le point de contrôle est un point responsable de la forme de la courbe, le point de départ est le point où la courbe démarre et l'extrémité ponte est une fois où la courbe se termine.
Aucun point unique ne peut être responsable de la forme de la courbe - la forme de la courbe est définie par des valeurs d'A, B, C lorsqu'il est écrit sous formulaire général. Vos points de départ et de fin - sont-ils les uns avec les autres horizontalement? Avez-vous une équation que vous complotez?
Veuillez jeter un oeil sur la fonction QudraticCurveto (A, B, C) dans HTMLCANVAS / JavaScript. Il dessine la courbe en fonction des points de contrôle et du point d'extrémité