求教，这个双缓存哪儿写错了-JavaSript-爱易网页

求教，这个双缓存哪儿写错了

日期：2014-05-16　浏览次数：20339 次

求教，这个双缓存哪里写错了？

本帖最后由 kwolfmsdn 于 2013-11-26 13:22:05 编辑

预想的结果是：
屏幕中间有个内切的正方形canvas区域
在canvas区域的左上角有个10*10的白色方块
结果canvas区域的显示没问题
可是白色方块……显示的很诡异
是不是我哪里写错了？
实在是找不到了



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

    <link rel="stylesheet" rev="stylesheet" href="./css/style.css" type="text/css" media="all" />

    <link rel="icon" href="./image/favicon.ico" type="image/x-icon" />

    <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon" />

    <script src="./js/main.js"></script>

    <title>test</title>

  </head>

  <body>

    <canvas id="main"></canvas>

  </body>

</html>



var can;

var cxt;

var backBuffer;

var backBufferctx;

var width;

var height;

var size;

var inLeft;

var inTop;



window.onload = function() {

  can = document.getElementById("main");

  cxt = can.getContext("2d");

  backBuffer=document.createElement('canvas');

  backBufferctx=this.backBuffer.getContext('2d');



  function onresize() {

    width = innerWidth;

    height = innerHeight;

    if(width > height)

    {

      size = height;

      inLeft = (width - size)/2;

      inTop = 0;

    }

    else

    {

      size = width;

      inLeft = 0;

      inTop = (height - size)/2;

    }

    can.style.left = inLeft + 'px';

    can.style.top = inTop + 'px';

    can.style.width = size + 'px';

    can.style.height = size + 'px';



    backBuffer.style.width='10px';

    backBuffer.style.height='10px';



    draw();

  }



  onresize();



  window.onresize = onresize;



  var requestAnimationFrame =

    window.requestAnimationFrame ||

    window.webkitRequestAnimationFrame ||

    function(callback) { setTimeout(callback, 0); };



  var prevTime = new Date().getTime();

  function animate() {

    var nextTime = new Date().getTime();

    update((nextTime

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

求教，这个双缓存哪儿写错了

相关资料更多>

推荐阅读更多>