TECH BLOG

MENU

クラウド

SVF

SVF Cloud Designer

セミナーやイベントの案内状など、地図付きの帳票を作成する際、よりわかりやすくするために地図上に会社の所在地として文字やマークを付け足したいことありますよね。

SVFには「レイヤー」という機能があり、印刷順序を正しく設定することで画像の上に文字を重ねることができますので今回はその方法を説明したいと思います。例として、会社所在地の地図画像に「★マーク」を重ねて印字します。

事前準備としてグラフィックモードに設定する

事前準備として印字させる画像(今回は地図画像)をグラフィックモードとして設定する必要があります。グラフィックモードに設定するべきか否かは出力する機種などの条件によって変わります。詳細は以下のリンクを参考にしてください。

https://customer.wingarc.com/support/faq?id=000004350

 

★マークを地図画像上に印字する

今回はPDFへの出力をベースに話を進めます。
地図画像をクリックし「グラフィックモード」にチェックが入っていることを確認します。入っていない場合はチェックを入れてください。

新規レイヤーを作成する

次にメニューからレイヤーを選択し、新規レイヤーを作成するアイコンをクリックします。さらにもう1度アイコンをクリックしレイヤー2まで作成します。

このレイヤーですが、システムレイヤーがデフォルトのレイヤーとなり、レイヤー機能を使用しない場合はすべてのアイテムはこのシステムレイヤーに暗黙的に配置されます。

ユーザーがレイヤーを作成する場合、このシステムレイヤーが最下層のレイヤーとなり、その上にレイヤー1、レイヤー2と作成され、レイヤー番号の大きいほうが上に表示されます。

今回のように印刷順序を意図的に制御したい場合は、下に持っていきたい画像も上に持っていきたい画像もシステムレイヤーではないレイヤーに移動させる必要があります

今回は以下のようにレイヤーに地図、画像を配置します。
レイヤー1 「地図」を配置
レイヤー2 「★マーク」を配置 

地図画像をレイヤー1に配置する

地図画像をクリックし選択された状態でもう1度クリックし、メニューから「レイヤーアイコン」をクリックし、レイヤー1に移動させます。

★マークを作成する

次に「★マーク」を新規作成します。

「★マーク」を塗りつぶします。プロパティウィンドウから「塗り込み」の「透明モード」のチェックを外し、「内部の色」をクリックして「黄色」を選択してください。

★マークをレイヤー2に移動させる

「★マーク」が選択された状態でさらにクリックし、メニューよりレイヤーアイコンをクリックし、レイヤー2に移動させます。

★マークを地図上に移動させる

最後に、★マークを地図の上にドラッグで移動すれば完了です。

ここまでできたら後はテスト印刷してみてください。上図のように地図の上に「★マーク」が正しく印字されていれば完了です。

 

まとめ

いかがでしたでしょうか。「文字が画像の後ろに行ってしまい印刷されない」という問い合わせを多くいただきます。システムレイヤーにアイテムがないか確認するようにしてください。レイヤーは慣れるまでが少し複雑に感じるかもしれませんが、複数のアイテムの印刷順序の制御を行うために必要な機能になります。マスターして便利に帳票を作成してくださいね。

この記事にリアクションしてみませんか?

What do you think of this post?
  • 分かりやすい (0)
  • 問題が解決した (0)
評価ありがとうございます!

大江直輝

SVF
プロフィールへ >

建設業向けパッケージを導入するSIerを経て2017年にウイングアーク1st株式会社へ入社し、SVF・SVF Cloud・invoiceAgentのプリセールスを4年経験し、2023年現在は製品サポート部にてお客様への技術回答をおこなっています。今後は自社製品がお客様の資産の一部になれるような価値訴求や顧客接点をもったCustomer Success活動に注力していきたいです。

Related article

Related article関連記事

Pick up

Pick upおすすめ記事

【脱Excel】MotionBoardの入力機能で業務アプリをつくる

公開:2024.08.05
更新:2024.08.05

分かりやすい

2

解決した

0
  • データ入力
  • デザイン
  • コンテナ

MotionBoard

【まとめ】SVF Cloud帳票をinvoiceAgentに連携する方法

公開:2024.04.18
更新:2024.08.07

分かりやすい

2

解決した

2
  • 帳票作成・出力
  • システム連携
  • 電帳法
  • 文書定義
  • 処理定義

SVF

Dr.Sum Copilotをインストールしてみた【OpenAI】

公開:2024.04.05
更新:2024.04.18

分かりやすい

2

解決した

0
  • Copilot

Dr.Sum

Ranking

Rankingランキング

1

文字数が多い場合にフォントサイズを小さくして1行で印字したい

公開:2021.06.02
更新:2024.06.11

分かりやすい

1

解決した

0
  • 帳票作成・出力

SVF

2

購入日の月毎に改ページして帳票を出力したい

公開:2021.06.02
更新:2024.06.05

分かりやすい

2

解決した

0
  • 帳票作成・出力

SVF

3

各明細行の金額の合計を算出し、明細の最終行に出力したい(可変行)

公開:2021.06.02
更新:2024.06.07

分かりやすい

0

解決した

0
  • 帳票作成・出力

SVF

Info

Information

ウイングアーク1stからのお知らせ

int(47)