Agregar formas de línea a presentaciones en JavaScript
Crear línea simple
Para agregar una línea simple a una diapositiva seleccionada de la presentación, siga los pasos a continuación:
- Crea una instancia de la clase Presentation.
- Obtenga la referencia de una diapositiva usando su índice.
- Añada un AutoShape de tipo Línea utilizando el método addAutoShape expuesto por el objeto ShapeCollection.
- Guarde la presentación modificada como un archivo PPTX.
En el ejemplo que se muestra a continuación, hemos añadido una línea a la primera diapositiva de la presentación.
// Instanciar la clase PresentationEx que representa el archivo PPTX
var pres = new aspose.slides.Presentation();
try {
// Obtener la primera diapositiva
var sld = pres.getSlides().get_Item(0);
// Añadir un AutoShape de tipo línea
sld.getShapes().addAutoShape(aspose.slides.ShapeType.Line, 50, 150, 300, 0);
// Guardar el PPTX en disco
pres.save("LineShape.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
if (pres != null) {
pres.dispose();
}
}
Crear línea con forma de flecha
Aspose.Slides for Node.js via Java también permite a los desarrolladores configurar algunas propiedades de la línea para que resulte más atractiva. Intentemos configurar varias propiedades de una línea para que parezca una flecha. Siga los pasos a continuación para hacerlo:
- Crea una instancia de la clase Presentation.
- Obtenga la referencia de una diapositiva usando su índice.
- Añada un AutoShape de tipo Línea utilizando el método addAutoShape expuesto por el objeto ShapeCollection.
- Establezca el Line Style a uno de los estilos ofrecidos por Aspose.Slides for Node.js via Java.
- Establezca el ancho de la línea.
- Establezca el Dash Style de la línea a uno de los estilos ofrecidos por Aspose.Slides for Node.js via Java.
- Establezca el Arrow Head Style y la Length del punto inicial de la línea.
- Establezca el Arrow Head Style y la Length del punto final de la línea.
- Guarde la presentación modificada como un archivo PPTX.
// Instanciar la clase PresentationEx que representa el archivo PPTX
var pres = new aspose.slides.Presentation();
try {
// Obtener la primera diapositiva
var sld = pres.getSlides().get_Item(0);
// Añadir un AutoShape de tipo línea
var shp = sld.getShapes().addAutoShape(aspose.slides.ShapeType.Line, 50, 150, 300, 0);
// Aplicar algo de formato a la línea
shp.getLineFormat().setStyle(aspose.slides.LineStyle.ThickBetweenThin);
shp.getLineFormat().setWidth(10);
shp.getLineFormat().setDashStyle(aspose.slides.LineDashStyle.DashDot);
shp.getLineFormat().setBeginArrowheadLength(aspose.slides.LineArrowheadLength.Short);
shp.getLineFormat().setBeginArrowheadStyle(aspose.slides.LineArrowheadStyle.Oval);
shp.getLineFormat().setEndArrowheadLength(aspose.slides.LineArrowheadLength.Long);
shp.getLineFormat().setEndArrowheadStyle(aspose.slides.LineArrowheadStyle.Triangle);
shp.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
shp.getLineFormat().getFillFormat().getSolidFillColor().setColor(java.newInstanceSync("java.awt.Color", aspose.slides.PresetColor.Maroon));
// Guardar el PPTX en disco
pres.save("LineShape.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
if (pres != null) {
pres.dispose();
}
}
FAQ
¿Puedo convertir una línea normal en un conector para que se “ajuste” a las formas?
No. Una línea normal (un AutoShape de tipo Line) no se convierte automáticamente en un conector. Para que se ajuste a las formas, utilice el tipo Connector dedicado y las corresponding APIs para conexiones.
¿Qué debo hacer si las propiedades de una línea se heredan del tema y es difícil determinar los valores finales?
Read the effective properties a través de las clases ILineFormatEffectiveData/ILineFillFormatEffectiveData; estas ya tienen en cuenta la herencia y los estilos del tema.
¿Puedo bloquear una línea para que no se edite (mover, cambiar el tamaño)?
Sí. Las formas proporcionan lock objects que le permiten impedir operaciones de edición.