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);
}
本站系公益性非盈利分享网址，本文来自用户投稿，不代表边看边学立场，如若转载，请注明出处
评论列表（3条）