css3用canvas画布做背景

更新时间:2012-07-17 作者:admin_qir

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>

前一篇:SASS、COMPASS安装指南

后一篇:linux机器建立信任关系