Comment simplement tracer une ligne dans famo.us? - célèbre

Si vous essayez plusieurs choses pour simplement tracer une ligne avec famo.us signifie (pas sur la toile).

Y a-t-il une possibilité de le faire?

Réponses:

Dessiner une ligne dans le DOM sans canevas ne signifie pas vraiment dessiner une ligne, mais créer une illusion d'avoir tracé une ligne. Cet exemple montre comment faire ressembler une surface à une ligne.

Famo.us vous permettra de créer une surface avec un height ou width 1 avec l'alternative étant la longueur que vous souhaitez que la ligne soit. Avec un peu de magie background-color, la ligne apparaîtra.

Voici un exemple de travail

Créer la ligne

var line = new Surface({
size:[80,1],
properties: {
backgroundColor: "rgba(0,0,0,1.0)"
}
});

Définir un angle pour la ligne

Rappelez-vous: nous commençons avec une ligne horizontale, nous tournons donc à partir de cette perspective.

  var angle = 45;
var angleModifier = new Modifier({
origin: [0, 0],
align: [0.5, 0.5],
transform: function() {
var radians = Math.PI/180 * angle;
return Transform.rotateAxis([0,0,1], radians);
}
});

Ajouter au contexte

 context.add(angleModifier).add(line);