AnsweredAssumed Answered

オブジェクトフィールドの画像をJavascriptを使ってwebビューアに表示する

Question asked by nadamailad@gmail.com on Dec 16, 2016
Latest reply on Dec 16, 2016 by nadamailad@gmail.com

mac os 10.11.6

FileMaker14、FileMakerServerにホストしているファイルを使用

 

オブジェクトフールド:image_01

image_01の画像をエンコードしたテキストを格納するフィールド:memo

 

webビューアには以下のように記述しています

 

"data:text/html," &

List (

"<!doctype html>";

"<html>";

-----中略-----

"<body>";

"<div>";

"<canvas id=\"canvas\" width=\"300px\" height=\"400px\"></canvas>";

"</div>";

-----中略-----

"<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js\"></script>";

"<script type=\"text/javascript\">";

"var img = new Image();";

"img.onload = function() {";

"ctx.drawImage(img, 0, 0);";

"}";

"img.src='data:image/jpeg;base64," & demo2_content::memo & "';";

"var canvas = document.getElementById(\"canvas\");";

"var ctx = canvas.getContext(\"2d\");";

-----以下省略-----

 

このコードではcanvas上には何も表示されません

canvas以外の要素は表示されます

ただ以下のコードだと画像は正常に表示されます

 

"data:text/html," &

List (

    "<!DOCTYPE html><html><body>";

    "<img src='data:image/jpeg;base64," & demo2_content::memo & "' width='300'>";

    "</body></html>"

)

 

どなたかご教示いただけますでしょうか

Outcomes