javascript - canvas 如何作为html5背景使用？

问题描述

问 题

网页背景想用一个canvas代替，目前我是用绝对定位把内容定在了canvas上面，看上去效果像是一个背景了，但是我想用其他的方式实现，百度了一下，有一种：
一个是js画好画布后，js把背景图的地址变成画布的数据。比如canvas的id是HB， 画好后执行document.body.style.background = "url('"+HB.toDataURL()+"')";
求大神帮忙看看具体怎么实现？大恩不言谢~

解决方案

我觉得比较好的方式是把canvas绝对定位到内容区。

你说的那种原理大概是：首先给canvas一个id之后，在js中就有了这个id的一个同名全局变量，这个变量的值等同于getElementById(id)，也就是说这个id就是这个canvas元素，然后调用canvas的toDataURL方法转成了base64，再通过js设置背景。你可以尝试一下，但是我不确定转成base64之后图还会不会动。。。

这篇关于javascript - canvas 如何作为html5背景使用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！