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条)