協会けんぽのPDFのように、「銀行」「信金」「信組」のような複数文字列を排他的に楕円で囲む方法まではたどりつけました。以下がそのコードです。
（しかし、角丸四角形の描画方法については、色々試したのですが通常の四角形しか描画できず、あきらめました。）
// 【複数文字列の排他選択＋解除可能】楕円トグル（○○文字列用：ボタン001）
//囲みたい各文字列の上にOKボタンを配置し、線の色と背景を無しにする。
var MY_NAME = "ExclusiveOval_001"; // グループ化したい複数の文字列に配置したボタンごとにユニークな名前にする
var GROUP_PREFIX = "ExclusiveOval_"; // グループ化したい全ボタン共通の接頭辞（絶対変えない！）
// ───── 設定エリア───────────────────────────────
// ボタン上に描画する楕円の位置と大きさ（ボタンのプロパティ(配置のpt表示)で確認）
var ovalLeft = 40; // ボタンの左 -3pt くらい
var ovalTop = 381; // ボタンの上 +1pt くらい
var ovalWidth = 130; // ボタンの幅 +6pt くらい
var ovalHeight = 15; // ボタンの高さ +2pt くらい
var ovalLine = 3; // 線の太さ（1＝細い、3＝普通、15＝超太い）
var ovalColor = color.black; // 線の色（ color.red, color.blue, color.green など）
// ──────────────────────────────────────────
this.syncAnnotScan();
var pageNum = this.pageNum;
var annots = this.getAnnots({nPage: pageNum});
// 現在の自分の状態を調べる
var myExists = false;
for (var i = 0; i < annots.length; i++) {
if (annots[i].name == MY_NAME) {
myExists = true;
break;
}
}
// 【自分の楕円がついている状態】→ 自分の楕円を消して終了（排他解除）
if (myExists) {
this.syncAnnotScan();
annots = this.getAnnots({nPage: pageNum});
for (var i = annots.length - 1; i >= 0; i--) {
if (annots[i].name == MY_NAME) {
annots[i].destroy();
}
}
}
// 【自分の楕円がついていない状態】→ 他の楕円を全部消して、自分だけ描画
else {
this.syncAnnotScan();
annots = this.getAnnots({nPage: pageNum});
// まずグループ内の全楕円を消去（自分以外も含めて全部）
for (var i = annots.length - 1; i >= 0; i--) {
if (annots[i].name.indexOf(GROUP_PREFIX) == 0) {
annots[i].destroy();
}
}
// 自分だけ新しく描画
this.addAnnot({
page: pageNum,
type: "Circle",
name: MY_NAME,
rect: [ovalLeft, ovalTop, ovalLeft + ovalWidth, ovalTop - ovalHeight],
strokeColor: ovalColor,
fillColor: color.transparent,
width: ovalLine
});
}
5
返信
AdChoices