Actualmente estoy tratando de hacer un rectángulo con texto dentro.
Aquí está mi código actual:
var Engine = Matter.Engine, Render = Matter.Render, Runner = Matter.Runner, Bodies = Matter.Bodies, Body = Matter.Body, Composite = Matter.Composite; var engine = Engine.create(); var render = Render.create({ element: document.body, engine: engine }); var boxA = Bodies.rectangle(400, 305, 400, 400, { render: { fillStyle: "transparent", strokeStyle: "transparent", text: { content: "Hello", color: "black", size: 15 } } }); var ground = Bodies.rectangle(400, 500, 810, 20, { isStatic: true, render: { fillStyle: 'grey', strokeStyle: 'transparent', lineWidth: 3 } }); Composite.add(engine.world, [boxA, ground]); Render.run(render); var runner = Runner.create(); Runner.run(runner, engine);
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.18.0/matter.min.js"></script>
Aquí está el enlace a otra publicación de stackoverflow cuya respuesta usé en mi código: Matter.js Texto dentro de un rectángulo
Pero con la estructura alámbrica solo se crea un cuadrado sin nada en él. Con la estructura alámbrica desactivada, no muestra nada, pero está allí porque puedo ver su contorno si cambio el estilo de trazo del cuerpo.
También intenté encontrar información sobre la propiedad de texto de un Cuerpo en la documentación.