みんなに優しく、解りやすくをモットーに開設しています。 以下のルールを守りみんなで助け合いましょう。
1.ファイルメーカーで解らない事があればここで質問して下さい。 何方でも、ご質問・ご回答お願いします。 (優しく回答しましょう)
You are not logged in.
いつもお世話になっております。今回 chart.jsで描いたグラフを他のフィールドに画像として渡す方法についての質問です。下記のコードでwebビューア上のhtmlのボタン操作でjavascriptから画像を取得してFileMaker.PerformScript()関数でFMのスクリプトを指定してフィールドに画像を渡していますが、htmlのボタン操作を使わないでFM側のボタン操作で出来ないかと思い相談さていただきます。
"<!DOCTYPE html>¶
<html lang=\"ja\">¶
<head>¶
<meta charset=\"utf-8\">¶
<title>グラフ</title> ¶
<style>¶
body {padding: 0; margin: 0}¶
html, body, #myPieChart {height:100%; width:100%;}¶
</style>¶
</head>¶
<body>¶
<canvas id=\"myPieChart\"></canvas>¶
<script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.bundle.js\"></script>¶
<script>¶
var ctx = document.getElementById(\"myPieChart\");¶
var myPieChart = new Chart(ctx, {¶
type: 'pie',¶
data: {¶
labels: ['A型', 'O型', 'B型', 'AB型'],¶
datasets: [{backgroundColor: [ '#BB5179','#FAFF67','#58A27C', '#3C00FF'],¶
data: [38, 31, 21, 10]¶
}]¶
},¶
options: {¶
title: {¶
display: true,¶
text: '血液型 割合'¶
}¶
}¶
});¶
¶
function imageDownload() {¶
var image = myPieChart.toBase64Image();¶
FileMaker.PerformScript(\"script01\", image);¶
}¶
</script>¶
<input type=\"button\" onclick=\"imageDownload()\" value=\"画像として保存 \"style=\"position: absolute; right: 0px; bottom: 0px\"/>¶
</body>¶
</html>"
使用環境:widows10,FM pro 19
FM側から実行する機能は、スクリプトです。「Web ビューアで JavaScript を実行」
webビューアにオブジェクト名を命名 "viewer"
webビューアの設定でfmからのjavascript実行を許可をオン
filemakerのスクリプトで
webビューアでjavascript実行[オブジェクト名: viewer 関数名:imageDownload]
で動作すると思います。
fm19のwindowsのwebビューアはIE11で動作していますので、Javascriptの記述だけ注意してください。
himadanee様、Ryamon様 早速の回答ありがとうありがとうございます。
Web ビューアで JavaScript を実行のスクリプトは、Claris FileMaker Pro 19 ヘルプのWeb ビューアで JavaScript を使用したスクリプト作成例を参考にしていましたが、私が今まで使ってきたwebビューアの設定スクリプトのURLへ移動ではjavascript実行を許可をオン等の選択の画面が出ないので出来ないと思っていました。レイアウト上の設定なので出ないのは当たり前でただ単にレイアウトで設定し直して引数なしのWeb ビューアで JavaScript を実行のスクリプトでフィールドに画像を渡す事が出来ました。お騒がせして申し訳ありません。
なお
fm19のwindowsのwebビューアはIE11で動作していますので、Javascriptの記述だけ注意してください。
については前回のの質問でもあるように悩まされ、IE11で動作確認されたコードでもwebビューアで動作しない現象がありbabelで変換し直し等ありましたので身にしみております。
https://fm-aid.com/bbs2/viewtopic.php?id=11206
[ Generated in 0.005 seconds, 7 queries executed - Memory usage: 510.16 KiB (Peak: 516.3 KiB) ]