0

我正在尝试在页面加载时在画布中重新创建签名。我已经设法使用 PHP 捕获签名并将其存储在 MySQL 数据库中。它存储为 json 数据。现在的问题是：我有一个带有 canvas 元素的页面，我可以在使用 php 加载页面之前从数据库中检索 json 数据，但我不知道如何将这些数据传递给 canvas 元素。希望有一个解决方案，因为我花了太多时间搞砸了。谢谢！

json数据：

"[
   {
      \"lx\":87,
      \"ly\":6,
      \"mx\":87,
      \"my\":5
   },
   {
      \"lx\":88,
      \"ly\":5,
      \"mx\":87,
      \"my\":6
   },
   {
      \"lx\":89,
      \"ly\":6,
      \"mx\":88,
      \"my\":5
   },
   {
      \"lx\":89,
      \"ly\":7,
      \"mx\":89,
      \"my\":6
   },
   {
      \"lx\":90,
      \"ly\":7,
      \"mx\":89,
      \"my\":7
   },
   {
      \"lx\":90,
      \"ly\":8,
      \"mx\":90,
      \"my\":7
   },
   {
      \"lx\":90,
      \"ly\":10,
      \"mx\":90,
      \"my\":8
   },
   {
      \"lx\":91,
      \"ly\":11,
      \"mx\":90,
      \"my\":10
   },
   {
      \"lx\":92,
      \"ly\":11,
      \"mx\":91,
      \"my\":11
   },
   {
      \"lx\":92,
      \"ly\":12,
      \"mx\":92,
      \"my\":11
   },
   {
      \"lx\":93,
      \"ly\":12,
      \"mx\":92,
      \"my\":12
   },
   {
      \"lx\":93,
      \"ly\":13,
      \"mx\":93,
      \"my\":12
   },
   {
      \"lx\":95,
      \"ly\":15,
      \"mx\":93,
      \"my\":13
   },
   {
      \"lx\":96,
      \"ly\":16,
      \"mx\":95,
      \"my\":15
   },
   {
      \"lx\":97,
      \"ly\":16,
      \"mx\":96,
      \"my\":16
   },
   {
      \"lx\":97,
      \"ly\":17,
      \"mx\":97,
      \"my\":16
   },
   {
      \"lx\":98,
      \"ly\":18,
      \"mx\":97,
      \"my\":17
   },
   {
      \"lx\":99,
      \"ly\":18,
      \"mx\":98,
      \"my\":18
   },
   {
      \"lx\":99,
      \"ly\":19,
      \"mx\":99,
      \"my\":18
   },
   {
      \"lx\":99,
      \"ly\":20,
      \"mx\":99,
      \"my\":19
   },
   {
      \"lx\":102,
      \"ly\":5,
      \"mx\":102,
      \"my\":4
   },
   {
      \"lx\":101,
      \"ly\":5,
      \"mx\":102,
      \"my\":5
   },
   {
      \"lx\":101,
      \"ly\":6,
      \"mx\":101,
      \"my\":5
   },
   {
      \"lx\":100,
      \"ly\":7,
      \"mx\":101,
      \"my\":6
   },
   {
      \"lx\":100,
      \"ly\":8,
      \"mx\":100,
      \"my\":7
   },
   {
      \"lx\":99,
      \"ly\":8,
      \"mx\":100,
      \"my\":8
   },
   {
      \"lx\":99,
      \"ly\":9,
      \"mx\":99,
      \"my\":8
   },
   {
      \"lx\":98,
      \"ly\":9,
      \"mx\":99,
      \"my\":9
   },
   {
      \"lx\":98,
      \"ly\":10,
      \"mx\":98,
      \"my\":9
   },
   {
      \"lx\":97,
      \"ly\":11,
      \"mx\":98,
      \"my\":10
   },
   {
      \"lx\":96,
      \"ly\":12,
      \"mx\":97,
      \"my\":11
   },
   {
      \"lx\":95,
      \"ly\":12,
      \"mx\":96,
      \"my\":12
   },
   {
      \"lx\":94,
      \"ly\":12,
      \"mx\":95,
      \"my\":12
   },
   {
      \"lx\":93,
      \"ly\":12,
      \"mx\":94,
      \"my\":12
   },
   {
      \"lx\":91,
      \"ly\":13,
      \"mx\":93,
      \"my\":12
   },
   {
      \"lx\":89,
      \"ly\":14,
      \"mx\":91,
      \"my\":13
   },
   {
      \"lx\":89,
      \"ly\":15,
      \"mx\":89,
      \"my\":14
   },
   {
      \"lx\":88,
      \"ly\":15,
      \"mx\":89,
      \"my\":15
   },
   {
      \"lx\":87,
      \"ly\":16,
      \"mx\":88,
      \"my\":15
   },
   {
      \"lx\":86,
      \"ly\":17,
      \"mx\":87,
      \"my\":16
   },
   {
      \"lx\":86,
      \"ly\":18,
      \"mx\":86,
      \"my\":17
   },
   {
      \"lx\":85,
      \"ly\":18,
      \"mx\":86,
      \"my\":18
   },
   {
      \"lx\":85,
      \"ly\":19,
      \"mx\":85,
      \"my\":18
   },
   {
      \"lx\":85,
      \"ly\":20,
      \"mx\":85,
      \"my\":19
   },
   {
      \"lx\":84,
      \"ly\":20,
      \"mx\":85,
      \"my\":20
   }
]"
4

1 回答 1

0

您有 2 个选项：

生成页面时回显到 javascript 变量中：

echo "<script>var sig = ".$jsonsig.";</script>";

或在页面加载 AJAX 调用后检索它

（页面脚本中的 jQuery，需要 PHP 脚本来返回 JSON 代码）

$.getJSON("getmysig.php",function(data) {
// create canvas here
});
于 2013-06-16T04:49:24.910 回答