我正在尝试在sqlare上将文本旋转45度。问题是我的文字在矩形下。我可以改变文字的位置吗?
我的代码就像
var c = document.getElementById("myCanvas");
var square= c.getContext("2d");
var text= c.getContext("2d");
text.fillStyle = "red";
text.fillText("1", 40, 50);
text.fillStyle = "#000000";
square.rotate(Math.PI / 4);
square.fillRect(50, 0, 50, 50);
您要先绘制文本,然后绘制矩形,然后再想知道为什么文本在矩形后面?
首先,您只需要getContext
一次,而不是两次。
其次,以正确的顺序绘制事物:首先是背景,然后是前景。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句