Efectos de texto no convencionales en JavaScript-Blotter. js
| Autor: | bradley |
|---|---|
| Views Total: | 1,341 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 15, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Blotter. js es una potente biblioteca de JavaScript para dibujar efectos de texto sofisticados y no convencionales con Canvas, < a href = "https:/threejs.org/" target = "_ blank" rel = "noopener" > Three. js , y < a href = "http:/subscorejs.org/" target = "_ blank" rel = "noopener" > subrayado. js .
Funcionamiento
Inserte el Blotter. js y ChannelSplitMaterial. js en el documento.
<script src="/path/to/build/blotter.min.js"></script> <script src="/path/to/build/ChannelSplitMaterial.js"></script>
Especifique el texto para aplicar el efecto no convencional.
var myText = new Blotter.Text("Text Here", {
// more options here
}); Aplique un material al efecto de texto.
var material = new Blotter.ChannelSplitMaterial();
var blotter = new Blotter(material, { texts : text }); Muestra el efecto de texto en la pantalla.
var scope = blotter.forText(text); scope.appendTo(document.body);
Opciones predeterminadas.
{
family
: 'sans-serif',
size
: 12,
leading
: 1.5,
fill
: '#000',
style
: 'normal',
weight
: 400,
padding
: 0,
paddingTop
: 0,
paddingRight : 0,
paddingBottom: 0,
paddingLeft
: 0
};
