Quelle est la différence entre bézier cubique et quadratique courbes de bézier et leurs cas d'utilisation?

J'ai été jouer avec de la toile récemment et ont été dessiner plusieurs formes (larmes artificielles, des pétales de fleurs, les nuages, les rochers) à l'aide de méthodes associées à ces courbes. Avec cela dit, je n'arrive pas à comprendre la différence entre les cas d'utilisation de ces différentes courbes.

Je sais que la courbe de bézier a 2 points de contrôle, un point de départ et un point d'arrêt où comme de bézier quadratique a un seul point de contrôle, un point de départ et un point de terminaison. Cependant, lors de l'élaboration des formes, je ne peux pas semblent facilement décider laquelle utiliser ou de les utiliser conjointement.

Comment puis-je savoir quel type de courbe pour une utilisation à différents points de dessiner une forme?

Wikipédia résumé. Fondamentalement, il a à voir avec ce que vous voulez que vos courbes ressembler. Quadratique courbes de sections coniques.

InformationsquelleAutor Conqueror | 2013-09-15

58

Comme vous l'avez découvert, à la fois Quadratique courbes et les courbes de Bézier Cubiques il suffit de connecter 2 points avec une courbe.

Depuis le Cube de la courbe a plus de points de contrôle, il est plus souple dans la voie qu'il prend entre ces 2 points.

Par exemple, disons que vous voulez dessiner cette lettre “R”:

Commencez à dessiner avec le “non-curvey” parties de la R:

Maintenant essayer de dessiner la courbe avec une courbe quadratique.

Avis de la courbe quadratique est plus “pointu” que ce que nous désirons.

C'est parce que nous avons seulement 1 point de contrôle pour définir quadratique courbure.

Maintenant essayer de dessiner la courbe avec une courbe de bézier cubique.

La courbe de bézier cubique est plus bien arrondi de la courbe quadratique.

C'est parce que nous avons 2 points de contrôle pour définir les cubes courbure.

Donc...plus de points de contrôle donne plus de contrôle sur la "courbure"

Voici le code et un Violon: http://jsfiddle.net/m1erickson/JpXZW/
```
<!doctype html>
<html>
<head>
<link  type="text/css" media="all" href="css/reset.css" /> 
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>

<style>
    body{ background-color: ivory; padding:20px; }
    #canvas{border:1px solid red;}
</style>

<script>
$(function(){

    var canvas=document.getElementById("canvas");
    var ctx=canvas.getContext("2d");
    ctx.lineWidth=8;
    ctx.lineCap="round";

    function baseR(){
        ctx.clearRect(0,0,canvas.width,canvas.height);
        ctx.beginPath();
        ctx.moveTo(30,200);
        ctx.lineTo(30,50);
        ctx.lineTo(65,50);
        ctx.moveTo(30,120);
        ctx.lineTo(65,120);
        ctx.lineTo(100,200);
        ctx.strokeStyle="black";
        ctx.stroke()
    }

    function quadR(){
        ctx.beginPath();
        ctx.moveTo(65,50);
        ctx.quadraticCurveTo(130,85,65,120);
        ctx.strokeStyle="red";
        ctx.stroke();
    }

    function cubicR(){
        ctx.beginPath();
        ctx.moveTo(65,50);
        ctx.bezierCurveTo(120,50,120,120,65,120);
        ctx.strokeStyle="red";
        ctx.stroke();
    }

    $("#quad").click(function(){
        baseR();
        quadR();
        //cubicR();
    });

    $("#cubic").click(function(){
        baseR();
        cubicR();
    });

}); //end $(function(){});
</script>

</head>

<body>
    <button id="quad">Use Quadratic curve</button>
    <button id="cubic">Use Cubic Bezier curve</button><br><br>
    <canvas id="canvas" width=150 height=225></canvas>
</body>
</html>
```
- Merci, accepté. Est-il une raison pour utiliser la courbe quadratique ensuite, si le cube offre plus de flexibilité?
- La courbe quadratique est mathématiquement plus simple que la courbe de Bézier et est donc plus efficace pour canevas pour dessiner.
- BTW, si vous dessinez une courbe de Bézier avec les 2 points de contrôle étant les mêmes, vous avez une courbe quadratique. Parfois, il aide à penser à des 2 courbes liés de cette façon.
- Conception-sage, un avantage pour quadratique courbes, c'est que vous pouvez le modèle poly-courbe de bézier à l'aide de raccourcis basée sur le fait que tous les points de contraindre les uns des autres (C'est aussi un inconvénient, car le déplacement d'une coordonnée dans un quadratiques poly-Bézier va complètement changer la forme). En utilisant uniquement des courbes avec des points de contrôle reflète sur les points de la courbe signifie que vous ne devez le premier point de contrôle, en plus de tous les points de la courbe, vous permet d'économiser beaucoup d'espace lors de l'encodage de la courbe (c'est la façon dont les polices TrueType modèle de leurs contours)
- Sir ce que vous avez dit dans le dernier commentaire est tout simplement faux! De bézier cubique avec les mêmes points de contrôle ne sont pas quadratique de béziers! EN fait, si nous convertir quadratique de béziers à cube, on obtient deux types de poignées différents, avec des coordonnées différentes. À savoir, jsfiddle.net/xz1hdmjv Voir ce SVG exemple : jsfiddle.net/vkcahL1e
InformationsquelleAutor markE
13

Je comprends ce post est un peu tard. Mais il semble que certains aspects importants sur quadratique et les courbes de Bézier cubiques sont toujours portées disparues. Donc....

Avec courbe de Bézier quadratique, vous ne serez jamais en mesure de faire la fin de deux pistes parallèles. Mais vous pouvez le faire avec les courbes de Bézier cubiques. En outre, les courbes de Bézier cubiques vous permettent de contrôler la fin de deux pistes individuellement, ce qui n'est pas possible avec de Bézier quadratique soit. Cependant, la courbe de Bézier quadratique n'aura jamais de points d'inflexion (le point où la courbure de changements de signe) tout en courbe de Bézier cubique pourrait éventuellement avoir des points d'inflexion si vous n'êtes pas prudent avec les points de contrôle. Donc, en résumé, la courbe de Bézier cubique est beaucoup plus populaire que la courbe de Bézier quadratique en raison de sa flexibilité. Courbe de Bézier quadratique (le plus souvent, rationnelle les courbes de Bézier quadratiques) sera utilisé lors de la monotone de la courbure est importante.
- Si nous comparons les deux connectés quadratique courbes de cube courbe? Ne peuvent-ils atteindre le même niveau de flexibilité?
- Vous pouvez augmenter le niveau de flexibilité avec deux connectés quadratique courbes. Mais qui viennent avec le prix d'une complexité accrue, comme vous l'avez deux courbes au lieu d'un. En outre, vous devez vous assurer que ces deux courbes sont toujours en relation avec la tangente de la continuité. Même si vous avez fait cela, ces deux courbes sont susceptibles d'avoir de courbure de la discontinuité au niveau de la connexion. Ainsi, une courbe cubique est toujours un meilleur pari pour éviter tous ces ennuis.
InformationsquelleAutor fang
0

Je pense que c'est aussi un peu dur de faire le premier segment d'un chemin d'une courbe de bézier si vous avez l'habitude de chemin de dessin de l'INTERFACE utilisateur pour l'utilisateur.

Programmes de CAO qui ont tracé le dessin comme une caractéristique, généralement de permettre à l'utilisateur de tracer le premier segment d'une courbe par l'utilisateur, cliquez sur&glisser au lieu de simplement en cliquant.

Le cliquez et faites glisser permet à l'utilisateur de faire glisser le premier point de contrôle où il veut et en relâchant le clic, il permet à l'utilisateur de créer le premier segment de courbe.

Je ne pas il est possible de tracer une courbe de bézier comme un segment de début, au moins je n'ai pas encore vu.

InformationsquelleAutor Nik Kyriakides

Vous devez vous connecter pour publier un commentaire.