canvas设置背景:把握机遇,走向成功

Canvas 设置背景的方法有两种:使用 canvas 的 属性设置背景颜色:

Canvas 设置背景的方法有两种:

1.使用 canvas 的 fillStyle 属性设置背景颜色:

// 获取 canvas 元素

var canvas = document.getElementById('canvas');

// 获取 canvas 的上下文

var context = canvas.getContext('2d');

// 设置填充样式

context.fillStyle = '#FF0000';

// 绘制矩形

context.fillRect(0, 0, canvas.width, canvas.height);

2.使用 canvas 的 drawImage 方法将图片作为背景:

// 获取 canvas 元素

var canvas = document.getElementById('canvas');

// 获取 canvas 的上下文

var context = canvas.getContext('2d');

// 创建背景图片对象

var bgImg = new Image();

// 设置背景图片

bgImg.src = 'background.jpg';

// 加载背景图片

bgImg.onload = function(){

// 绘制背景图片

context.drawImage(bgImg, 0, 0, canvas.width, canvas.height);

}

本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处

(787)
python2 unicode转中文:\u4F7F\u7528Python2\u5B9E\u73B0Unicode\u8F6C\
上一篇
excel做抽奖程序:A. 随机抽取B. 根据某种规则抽取C. 根据投票结果抽取D. 根据抽奖程序抽取
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(16条)