如何在我的頁面的整個窗口上應用畫布標籤？

我想用一個使用畫布標籤的LinearGradient爲我的頁面添加背景，所以任何人都可以幫我解決問題嗎？如何在我的頁面的整個窗口上應用畫布標籤？

我用

<script> 
(function() { 
    var c = document.getElementById('canvas'), 
     context = c.getContext('2d'); 

    window.addEventListener('resize', resizeCanvas, false); 

    function resizeCanvas() { 
     c.width = window.innerWidth; 
     c.height = window.innerHeight; 
     drawin(); 
    } 
    resizeCanvas(); 

    function drawin() { 
     var rg = c.createLinearGradient(0, 0, c.width, c.height); 
     rg.addColorStop(0, blue); 
     rg.addColorStop(0, white); 
     c.fillStyle = rg; 
     c.fillRect(0, 0, c.width, c.height); 
     c.fillStroke(0, 0, c.width, c.height); 
    })();

來源

2015-09-18 Rama Ganapathy

你想有一個畫布只是漸變背景爲什麼。試試這個http://www.colorzilla.com/gradient-editor/。 – Vivek

花點時間閱讀幫助中心的[編輯幫助]（http://stackoverflow.com/editing-help）。堆棧溢出的格式與其他站點不同。您的帖子看起來越好，用戶就越容易幫助您。 –

HTML

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

CSS

* { margin: 0; padding: 0;} 

body, html { height:100%; } 

canvas { 
    position:absolute; 
    width:100%; 
    height:100%; 
}

來源

2015-09-18 11:41:28

工作，但不要用CSS來做：http://stackoverflow.com/questions/21597456/bad-quality-for-100-both-width-and-height-of-canvas#answer-21597544 – dwana

如何在我的頁面的整個窗口上應用畫布標籤？

回答

相關問題