¿Cómo simplemente dibujar una línea en famo.us? - famoso

Si intenté un par de cosas simplemente dibujar una línea con famo.us significa (no en el lienzo).

¿Hay alguna posibilidad de hacer eso?

Respuestas

Dibujar una línea en el DOM sin lienzo no es realmente dibujar una línea tanto como crear una ilusión de haber dibujado una línea. Este ejemplo muestra cómo hacer que una superficie se vea como una línea.

Famo.us te permitirá crear una superficie con un height o width de 1 con la alternativa es la longitud que desea que tenga la línea. Con un poco de magia background-color, aparecerá la línea.

Aquí hay un ejemplo de trabajo.

Crear la linea

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

Establecer un ángulo para la línea

Recuerde: estamos comenzando con una línea horizontal, por lo que giramos comenzando desde esa perspectiva.

  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);
}
});

Añadir al contexto

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