css3用canvas画布做背景
在webkit浏览器中可以用js画好一个canvas存入内存中,然后在css中引用。
css代码:
background: -webkit-canvas(CANVASID) center no-repeat;
js代码:
var ctx = document.getCSSCanvasContext(’2d’, CANVASID, 10, 10);
/*
*doing
*/
上面的代码只兼容webkit核心的浏览器,那接下来,也来说说火狐浏览器的神奇之处吧。
火狐浏览器能够把一个dom节点拿来做背景:
<div style="background:-moz-element(#demo)"></div>
<div id="demo" style="background: #ccc; color: #f00;">this is a demo!</div>