初心者のFileMaker pro Q&A

みんなに優しく、解りやすくをモットーに開設しています。 以下のルールを守りみんなで助け合いましょう。

1.ファイルメーカーで解らない事があればここで質問して下さい。 何方でも、ご質問・ご回答お願いします。 (優しく回答しましょう)

ログインしていません。

アナウンス

Claris FileMaker Pro 19 ヘルプ
新しい質問は、新規トピック から投稿して下さい。


#1 2016-02-17 18:13:06

pon
メンバー

[解決] デバイスから挿入した画像をトリミングして印刷したい

宜しくお願いします。FileMaker14です。

iPadで撮影してデバイスから挿入した画像を
そのままiPadから印刷します。
小さなアクセサリーを撮影するのですが、接写に限界が有るため、
中央を拡大してプリントしたいと思っています。
画像をトリミングして印刷する方法はありますでしょうか。

オフライン

#2 2016-02-18 09:31:51

Layouter
ゲストユーザー

Re: [解決] デバイスから挿入した画像をトリミングして印刷したい

iPadで印刷解像度がどうなるかわかりませんが、WebViewerで画像を表示するのはどうですか。

#3 2016-02-18 09:38:40

pon
メンバー

Re: [解決] デバイスから挿入した画像をトリミングして印刷したい

Layouter様、ありがとうございます。

WebViewerで表示する方法について、具体的に教えていただけますでしょうか。

オフライン

#4 2016-02-18 09:48:41

Layouter
ゲストユーザー

Re: [解決] デバイスから挿入した画像をトリミングして印刷したい

こちらには実験できる環境がないので、まずは何でもいいので適当なWEB上の画像をWebビューアで表示して、印刷結果が十分か確認してみてください。トリミングを考えるのはそのあと。

#5 2016-02-18 09:58:14

pon
メンバー

Re: [解決] デバイスから挿入した画像をトリミングして印刷したい

Webビューアからの印刷はすでに経験しており、
画像解像度もiPadで撮影した画像を使用するので問題ないと考えています。

iPadで撮影した写真はグローバルのオブジェクトフィールドに挿入しているのですが、
このオブジェクトをWebビューアで表示するところからがわかりません。
どうぞご教示お願いします。

オフライン

#6 2016-02-18 13:00:33

Layouter
ゲストユーザー

Re: [解決] デバイスから挿入した画像をトリミングして印刷したい

Webビューアのアドレスに以下を入れます。

"data:text/html,<body style='margin:0;border:0;padding:0;width:100%;height:100%;'>" &
"<img style='position:absolute;left:-" & imagezoom::left & "px;top:-" & imagezoom::top & "px;zoom:" & imagezoom::zoom & "%' src='data:img/jpg;base64," &
Substitute ( Base64Encode ( imagezoom::image ) ; [ Char(13) ; "" ] ; [ Char(10) ; "" ] ) &
");'>" &
"</body>"

imagezoomというテーブル名で4つのフィールド image zoom top left を使ってますので調整してください。

#7 2016-02-18 13:43:17

pon
メンバー

Re: [解決] デバイスから挿入した画像をトリミングして印刷したい

何が悪いのか、真っ白になってうまく表示されません。
真っ白なWebビューア内の左上には小さな正方形のグレー枠(中は白)が見えます。
現在は各フィールドに下記の値を入れています。

imagezoom::left →0
imagezoom::top →0
imagezoom::zoom →100
imagezoom::image →オブジェクトフィールド

オフライン

#8 2016-02-18 15:05:31

Layouter
ゲストユーザー

Re: [解決] デバイスから挿入した画像をトリミングして印刷したい

img/jpg
としてるので、画像がjpegでない場合は変更しないといけませんね。

iPadではsrcにdata:が使えないということもあり得る?
こちらではWindowsでしか試せません。

#9 2016-02-18 15:18:57

Layouter
ゲストユーザー

Re: [解決] デバイスから挿入した画像をトリミングして印刷したい

すいません、
img/jpg
が間違いですね。
image/jpeg
とか
image/png
とかですが
撮影した写真の場合なんでしょうね。

WindowsだとIEなんで、間違ってても適当に解釈して表示できてたようです。

#10 2016-02-19 10:57:08

pon
メンバー

Re: [解決] デバイスから挿入した画像をトリミングして印刷したい

うまくいきました!
関連した他の例文を見つけて、あれこれイジって下記のようにするとうまくいきました。
私はhtmlに弱く、何が悪かったのかはわかりませんが、うまくいった文を挙げておきます。


"data:text/html," &
List (
    "<!DOCTYPE html><body style='margin:0;border:0;padding:0;width:100%;height:100%;'>";
    "<img style='position:absolute;left:-"& imagezoom::left & "px;top:-"& imagezoom::top &"px;zoom:"& imagezoom::zoom &"%' src='data:image/jpg;base64," & Substitute ( Base64Encode ( imagezoom::image ) ; [ Char(13) ; "" ] ; [ Char(10) ; "" ] ) & "' width='300'>";
    "</body></html>"
)


img/jpg
のままでもiPadで問題なく表示されました。
これで意図通りのことができそうです。
Layouter様、お知恵をお貸しくださりありがとうございました。

オフライン

#11 2016-02-19 11:28:56

Layouter
ゲストユーザー

Re: [解決] デバイスから挿入した画像をトリミングして印刷したい

改行はあってもなくても同じはずなので、
width='300'
が追加されてるだけのように見えます。
画像のサイズはWebビューア内いっぱいに表示して、位置とズームの指定でトリミングもどきをしているつもりでしたが、
overflow:hidden
も追加しないとスクロールバーが出てしまうということかな。

CSSには、左上・右下を指定してトリミングするスタイルもあるようです。

クィック投稿

メッセージを書いて送信してください。
登録の確認

実在の人物による登録であることを確認します。

Board footer