canvas背景色
『壹』 怎么样使得 canvas 做的动画,变成网页的背景
可以看看这个网页 http://codingpixel.com/ 背景中有一条可用键盘控制的小蛇。
其实就是用设置 z-index 的方法,但是对于古老的浏览器可能支持不完全。
『贰』 HTML5 Canvas清除局部内容但不影响背景
虽然我没用过canvas但是它应该也是常规的HTML的DOM,在它上边试着用JS建立一个DIV,这样就不会影响canvas内部的东西了吧。
『叁』 怎么把Canvas的背景设置为透明
java swing中将组件的背景设置成透明的示例如下:
import org.eclipse.swt.*;
import org.eclipse.swt.graphics.*;
import org.eclipse.swt.layout.FillLayout;
import org.eclipse.swt.widgets.*;
import org.eclipse.swt.events.*;
public class Talpha {
/**
* @param args
*/
public static void main(String[] args) {
// TODO Auto-generated method stub
final Display display = new Display();
final Shell shell = new Shell(display);
shell.setBackground(display.getSystemColor(SWT.COLOR_BLUE));
Canvas canvas = new Canvas(shell, SWT.NO_BACKGROUND);
//使用paintlistener,保证每次均重新绘制。
canvas.addPaintListener(new PaintListener() {
public void paintControl(PaintEvent e) {
GC gc = e.gc;
//读图像
ImageData imageData = new ImageData("1.jpg");
//这里是建立从左到右的渐进Alpha。
byte[] alphaValues = new byte[imageData.height * imageData.width];
for (int j = 0; j < imageData.height; j++) {
for (int i = 0; i < imageData.width; i++) {
alphaValues[j * imageData.width + i] = (byte) (255 - 255
* i / imageData.width);
}
}
imageData.alphaData = alphaValues;
Image image = new Image(display, imageData);
//绘制
gc.drawImage(image,0,0);//关键点是这里设置背景颜色
}
});
FillLayout fillLayout = new FillLayout();
fillLayout.type = SWT.VERTICAL;
shell.setLayout(fillLayout);
shell.setSize(200, 600);
shell.open();
while (!shell.isDisposed()) {
if (!display.readAndDispatch())
display.sleep();
}
display.dispose();
}
}
『肆』 javascript中使用canvas能不能设置背景色
不能,图片绘制在canvas之上就算透明,透明混合的也是原来canvas的底色,我记得canvas是可以设置背景色的
『伍』 HTML5用canvas做动画,下面这样背景就消失了
painting方法中的context声明在draw 方法中。在执行painting的方法时context是undefined
『陆』 android中,如何用canvas绘制透明
第一种思路是通过对Bitmap进行操作,将Bitmap的像素值get到一个int[]数组里,因为在android里Bitmap通常是ARGB8888格式,所以最高位就是A通道的值,对齐进行改变后再新建一个Bitmap即可。
第二种思路是通过设置canvas的paint的透明度,然后通过canvas.drawBitmap()来改变View的透明度。
Paint .setAlpha(0);
『柒』 js中在canvas中加入一张背景怎么让背景滚动
<html>
<head>
<metacharset="utf-8"/>
<title>LScroll5.html</title>
<scripttype="text/javascript">
varLScroll={
img:null,
sc:null,
scx:null,
at:0,
flag:true,
loadImg:function(srcs,callback){
varmg=newImage();
mg.src=srcs;
mg.onload=function(){
callback(this);
};//callbackfunction
returnLScroll.img=mg;
},
init:function(srcs){
if(!document.body)
document.createElement('body');
if(!LScroll.sc){
varsc=document.createElement('canvas');
LScroll.scx=sc.getContext('2d');
varcallback=function(imgs){//afteronloadimagecanbedraw
sc.width=imgs.width/4;
sc.height=imgs.height;//notstyle.
sc.style.backgroundColor='black';
sc.style.border='solid1pxwhite';
document.body.style.backgroundColor='black';
document.body.style.textAlign='center';
document.body.appendChild(LScroll.sc=sc);
LScroll.draw(LScroll.sc,LScroll.scx);
};
LScroll.loadImg(srcs,callback);
}
},
draw:function(sc,scx){
scx.clearRect(0,0,sc.width,sc.height);
scx.save();
scx.beginPath();
switch(LScroll.flag){
casetrue:
if(-LScroll.at==LScroll.img.width-sc.width)
LScroll.flag=!LScroll.flag;
LScroll.at--;
break;
casefalse:
if(LScroll.at==0)
LScroll.flag=!LScroll.flag;
LScroll.at++;
}
scx.drawImage(LScroll.img,LScroll.at,0);
scx.restore();
setTimeout(function(){
LScroll.draw(sc,scx);
},10);
}
};
window.onload=function(){
LScroll.init('./Park.jpg');
};
</script>
</head>
<body>
</body>
</html>
『捌』 html5的canvas怎么把背景变得完全透明
你没加背景元素是白的需要你仔细调节代码
『玖』 canvas html5可以制作网页的背景吗
我知道有两个思路
一个是js画好画布后,js把背景图的地址变成画布的数据。比如回canvas的id是HB, 画好后执行document.body.style.background = "url('"+HB.toDataURL()+"')";
另一个答是你说的直接把其它元素层叠在画布上,只要画布足够大, canvas的style设成"position:absolute;z-index:-1"应该就行了。
『拾』 请问如何设置canvas的没画图前的背景颜色
先设置Canvas.Brush.Color,然后Canvas.FillRect(全部大小),全部大小好象不能由Canvas自身得到,得从它的属主,如控件、窗体、位图、打印机等。