Discussion :

[popo]

Bonjour,

Je dois utiliser Office JS dans le cadre d'un complément Office pour le Web associé à Powerpoint.
Mon objectif pour le moment est d'avoir une flèche et de changer sa couleur et son orientation (ou son type) en fonction d'une valeur.

La documentation de Microsoft donne un exemple de création de forme (Shape) que j'ai légèrement modifié pour créer une flèche allant vers le haut à la place de l'hexagone.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
PowerPoint.run(async function (context) {
    const shapes = context.presentation.slides.getItemAt(0).shapes;
    const hexagon = shapes.addGeometricShape(PowerPoint.GeometricShapeType.upArrow,
        {
            left: 100,
            top: 100,
            height: 150,
            width: 150
        });
    hexagon.name = "TestWithArrow";
 
    await context.sync();
 
});

J'ai pu changer sa couleur au moyen de la propriété fill.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
let arrow= await getSpecficElement("TestWithArrow");
arrow.fill.setSolidColor("red");
await context.sync();

Mais je ne parviens pas à la faire pointer vers le bas.
J'image qu'en la supprimant et en la recréant je pourrais arriver à ce résultat (pas encore essayé) mais je voudrais l'éviter dans une optique de performance.

Quelqu'un a-t-il déjà eu l'occasion de travailler avec Office JS et connait une astuce ?
Merci.

[popo]

Comme prévu, cela fonctionne en supprimant et en recréant la forme.
Mais comme, je le soupçonnais, c'est très lourd et dégrade fortement les performances car celui nécessite un load() et un await context.sync() pour lire informations de taille et de position de la forme à remplacer.

Je laisse donc le sujet ouvert.