java 代码CANVAS 新建图层_如何控制首先绘制哪个Canvas图层(JCanvas)

回过头来看看jcanvas doc后，我找到了解决方案。通过使用drawImage()的“load”回调函数，我可以在加载图像后调用drawText()。

更新的代码：

1 {% extends "layout.html" %}

2 {% block body %}

3

4 window.onload = function(){

5 $("canvas").drawImage({

6 source: '{{ url_for('static', filename='100MV-Floor-Plan.png') }}',

7 x: 700, y: 300,

8 load: displayText

9 })

10

11 function displayText() {

12 $("canvas").drawText({

13 strokeStyle: "C35817",

14 x:{{ room.xPos }}, y: {{ room.yPos }},

15 text: '{{ room.room_id }}',

16 align: "center",

17 baseline: "middle"

18 });

19 };

20 };

21

22

23

{{ room.current_user }}

24

25 Room ID:

26

27

28 {% endblock %}