HTML5中fillStyle和fillRect的先后顺序的理解

最新推荐文章于 2024-08-16 13:20:36 发布

lia17

最新推荐文章于 2024-08-16 13:20:36 发布

阅读量2.7k

点赞数 1

文章标签： HTML5

本文链接：https://blog.csdn.net/lia17/article/details/79509457

版权

fill:填充的意思

stroke:笔的意思，可理解为为strokeRect是画框框的

fillStyle要写在fillRect之前，可以理解为，先选好颜色再画图（就像画画要先选好画笔颜色才能开始画图），否则，先进行图形绘制，此时的颜色已经定下来，再去设置它的颜色就没有意义了，这是我的理解。

function draw(id) {
    var canvas = document.getElementById(id);
    var context = canvas.getContext('2d');
    context.strokeStyle='green';
    context.strokeRect(0,0,800,300);
    context.fillStyle='black';
    context.font="lighter 40px '微软雅黑'";
    context.fillText('麦子学院',50,50);
    context.strokeText('麦子学院',50,100);}