5 返信 最新の回答 日時: Dec 16, 2016 11:55 PM ユーザー:nadamailad@gmail.com

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

    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>"

      )

       

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