当前位置:首页 » 风景景观 » canvas背景色

canvas背景色

发布时间: 2020-11-28 00:34:38

『壹』 怎么样使得 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自身得到,得从它的属主,如控件、窗体、位图、打印机等。

热点内容
一部国外电影,一个老男人骑个摩托车 发布:2024-08-19 09:13:10 浏览:920
脖子上有睾丸是什么电影 发布:2024-08-19 09:03:17 浏览:374
变形金刚撒谁家的 发布:2024-08-19 08:43:06 浏览:478
美国男电影双胞胎 发布:2024-08-19 08:42:20 浏览:764
黑人橄榄球少年收养电影 发布:2024-08-19 08:25:26 浏览:918
夏目哉大片 发布:2024-08-19 08:09:22 浏览:806
他第一部出演的电视剧是,的英语 发布:2024-08-19 08:07:54 浏览:654
电影检索 发布:2024-08-19 07:48:52 浏览:198
谁有视频 发布:2024-08-19 07:41:55 浏览:141
成龙香港鬼片电影大全 发布:2024-08-19 07:39:46 浏览:223