用html和 css 绘制 半径50px 边框为1 的圆形 要代码

html-css020

用html和 css 绘制 半径50px 边框为1 的圆形 要代码,第1张

样例

代码：

<style>

.circle{width:50pxheight:50pxmargin: 50px autoborder-radius:50%border:1px solid #f00}

</style>

<div class="circle"></div>

使用双缓冲机制解决白屏。

以下代码实现了双缓冲绘图机制：var container=document.getElementById("container")var realCanvas=document.createElement("canvas")realCanvas.width=container.clientWidth*2realCanvas.height=container.clientHeight*2realCanvas.style.width=container.clientWidth+"px"realCanvas.style.height=container.clientHeight+"px"container.appendChild(realCanvas)var cacheCanvas=document.createElement("canvas")cacheCanvas.width=container.clientWidth*2cacheCanvas.height=container.clientHeight*2var realContext=realCanvas.getContext("2d")var cacheContext=cacheCanvas.getContext("2d")cacheContext.fillRect(0,0,100,100)输入之后之后，一般的图形都不会在出现HTML5-canvas白屏的现象了。