在刚刚添加的元素中绘制画布

Question

在我的main.html中，我用以下内容替换内容div。

<div id="content">
    <canvas id="field" width="400px" height="600px"></canvas>
</div>

我想要的是，在替换html之后，执行该函数并绘制矩形。目前我有这个，但它没有用。

$("#line_up").click(function() {
    $("#content").load("../html/line_up.html #content > *");
    loadCanvas();
});

function loadCanvas() {
    var x = document.getElementById("field");
    field = x.getContext('2d');
    field.strokeRect(10, 10, 280, 280);
}

谢谢你们。

Answer 1

这是一个异步调用，你需要等待在加载后写入画布

$("#line_up").click(function() {
    $("#content").load("../html/line_up.html #content > *", loadCanvas);
});