HTML5 Canvas ,调整背景图像的大小

标签 html image canvas

我有一个动态创建的 Canvas ,所以宽度和高度总是不同的。

我有一张背景图片想放在这个 Canvas 上,所以我只需添加 CSS 即可:

canvas { background:url(/URL/background-canvas.jpg) }

但是,我怎样才能自动将图像调整为我的 Canvas 大小?谢谢!

最佳答案

我相信你可以做这样的事情:

canvas { 
    background: url('/URL/background-canvas.jpg');
    background-size: 100% 100%;
}

参见 this了解更多信息。

关于HTML5 Canvas ,调整背景图像的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20671849/

相关文章:

python - 如何将图像文件保存在 Postgres 数据库中?

javascript - 单击 Canvas 无效

jquery - 如何创建固定的垂直导航?

html - 填充左右边框

jquery - 根据其中的内容调整表格列的高度

javascript - 我的 javascript 示例存在一些问题。请帮忙

javascript - 如何使用 rotator.js 触发 jquery 加载器

html - 删除DataTable的下边框

jquery - 如果在创建页面时没有加载图像,如何删除图像标签

ios - 如何在导航栏的标题中包含图像?