我如何修改HTML5中的畫布透明度？

，所以我有我的index.html，然後在我的index.html一個canvas.css我如何修改HTML5中的畫布透明度？

body{ 
} 
#canvasHIPPO{ 
display:block; 
margin:0px auto 0px; 
width:100%;height:100% 
background-image:url('http://www.pcl.co.nz/site/pclimaging/images/Big%20Print%20Carry.jpg') 
}

：

<div id="container"> 
<canvas id="canvasHIPPO" width="800" height="600" display="block"></canvas> 
</div>

我想知道如何： 1）中心畫布ontop的的背景城市圖像，儘管2）不同的屏幕尺寸和/或3）保持相同的寬高比。

我非常確定邊距：0，auto應該已經固定了（1）並將背景圖像的畫布置於中心位置......我錯過了什麼？

謝謝！

來源

2012-07-17 bouncingHippo

你想要水平或垂直居中圖像嗎？如果水平居中它，在你的CSS應該是：

#content { 
    background-image: url('http://www.pcl.co.nz/site/pclimaging/images/Big%20Print%20Carry.jpg'); 
} 

#contentHIPPO { 
    margin: 0 auto; 
    display: block; 
    width: 800px; 
    height: 600px; 
}

，並在你的HTML：

<div id="content"> 
    <div id="contentHIPPO">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> 
</div>

這將導致股利水平居中，隨着圖像重複背景。如果您希望將圖像重新調整到瀏覽器窗口的大小，則需要使用javascript來獲取窗口的大小。

來源

2012-07-17 03:03:39

嗨邁克爾，讓我說，即時通訊試圖讓這個應用程序在不同的移動設備上工作，因此不同的屏幕尺寸..我該怎麼做，假設我的JavaScript函數返回正確的屏幕/窗口大小？ – bouncingHippo 2012-07-17 03:09:17

看看http://css-tricks.com/perfect-full-page-background-image/ - 他們解釋得比我能做得更好。如果你使用他們的方法，你可以放棄#content div – 2012-07-17 03:21:34