googleスライドのテキストボックスのバウンディングボックス情報を取得する方法

Question

やりたいこと

googleスライドのスライド１枚の中の1つのテキストボックスから、テキストを取得する方法が知りたいです。

スライド内に複数テキストボックスがある中の１つをどう選択するかについて、
テキストボックスのバウンディングボックスから得られる座標やサイズを元に選択したいと考えています。

具体的には以下の図の中の赤枠(説明のために着色しています。実際は枠色はなしです)のテキストボックスを選択したいと考えています。

なぜバウンディングボックス情報が必要か

対象のgoogleスライドは複数のユーザーが使用しており、テキストボックスの位置やレイヤー構成が
それぞれのスライドで変化する場合が多くあります。

そのため、バウンディングボックス情報から、座標の閾値処理などを使って、赤枠のテキストボックスを
選択できるようにしたいので必要と考えました。

試したこと

方法1

テキストボックスのtranslateYが、スライド上部からのy座標を示すものと仮定して、
translateYの値が２番目に小さい値をとるテキストボックスを選択する。

結果

translateYなので座標値ではないので当然ですが、
赤枠ではないテキストボックスを選択した場合が多数になりました。

  var presentation = Slides.Presentations.get(presentationID)
  
  var slides = presentation.slides
  
  var titles = []
  
  for (var j=0; j<slides.length; j++) {
    
    var slide = slides[j]
    var pageElements = slide["pageElements"]
    
    var ys = new Array(pageElements.length);
    var contents = new Array(pageElements.length);
    
    for(var i=0;i<pageElements.length;i++){
      var element = pageElements[i]
      ys[i] = element['transform']['translateY'];
      
      try {
        if("shape" in element){
        var shape = element["shape"]
        var content = shape["text"]["textElements"][1]["textRun"]["content"]
        contents[i] = content
        }
      }
      catch (e) {
        console.log(e)
      }
    }
    
    title = contents[getArraySecondMin(ys)] // ys配列の中で2番目に小さい値のインデックスを求めてテキストを取得
  
  }
  return titles

方法２

shapeという文字列を含むelementを見つけたら、そこからテキストを取得しcontentに格納する。
その後すぐに、次のスライドの処理に移る。

//方法1のプログラムの一部を編集

for(var i=0;i<pageElements.length;i++){
      var element = pageElements[i]
      
      try {
        if("shape" in element){
        var shape = element["shape"]
        var content = shape["text"]["textElements"][1]["textRun"]["content"]
        contents[i] = content
        break; //shape文字列がある最初のelementが赤枠であると考えて取得
        }
      }
      catch (e) {
        console.log(e)
      }
    }

結果

shapeという文字列を含むelementではじめに見つけたelementは、スライド1枚の全ての要素のうちで、
最下層のレイヤー(最背面に位置しているレイヤー)を選択していた。
そのため、赤枠が最背面出なければ間違って選択してしまう。

知りたいこと

• googleスライドのテキストボックスのバウンディングボックス情報の取得方法
• バウンディングボックス情報を取得できない場合の他の方法

わかりづらい点がありましたら申し訳ありません。
よろしくお願いいたします。

Comments

[macaron_xxx]

赤枠のものを探したいなら、ShapePropertiesのoutlineとかをチェックすればよいかと。

[JunkiM]

赤枠は説明のために赤色にしただけで、実際は枠色はなしのつもりでした。
すいません。説明が足りませんでした。

枠色(人の目では気にならない色)を指定してそこから選択するという方法も良さそうですので、試してみたいと思います。ありがとうございます。

ですのでバウンディングボックス情報が欲しいと考えていました。
バウンディングボックスでなくとも、translateする基準座標などがもし取得できるなら、取得したいと考えております。

Answer 1

Slides APIでなくてもいいなら…

var presentation = SlidesApp.openById(presentationID);
var slides = getSlides();

for (var j=0; j<slides.length; j++) {
  var slide = slides[j];
  var pageElements = getPageElements();

  for(var i=0;i<pageElements.length;i++){
    var element = pageElements[i]
    var x = element.getLeft(); // X座標
    var y = element.getTop();  // Y座標
  }
}   

こんな感じで座標はとれそう。

Comments

[JunkiM]

presentation.getSlides()[j].getShapes()[k].getTop()でy座標を、presentation.getSlides()[j].getShapes()[k].getText().asString()でテキストを取得して、y座標が2番目に小さいテキストボックスを選択することで、目的の赤枠ボックスを選択することができました。
ありがとうございました！