Question

我正在尝试在页面加载时在画布中重新创建签名。我已设法捕获签名并使用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
   }
]"

Answer 1

您有两个选择：

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

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

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

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

$.getJSON("getmysig.php",function(data) {
// create canvas here
});

在页面加载时显示来自php的json canvas图像

1 个答案: