❶ python 给图形化界面插入背景图片
#-*-coding:utf-8-*-
#file:TkinterCanvas.py
#
importTkinter#导入Tkinter模块
fromPILimportImage,ImageTk
root=Tkinter.Tk()
canvas=Tkinter.Canvas(root,
width=500,#指定Canvas组件的宽度
height=600,#指定Canvas组件的高度
bg='white')#指定Canvas组件的背景色
#im=Tkinter.PhotoImage(file='img.gif')#使用PhotoImage打开图片
image=Image.open("img.jpg")
im=ImageTk.PhotoImage(image)
canvas.create_image(300,50,image=im)#使用create_image将图片添加到Canvas组件中
canvas.create_text(302,77,#使用create_text方法在坐标（302，77）处绘制文字
text='UseCanvas'#所绘制文字的内容
,fill='gray')#所绘制文字的颜色为灰色
canvas.create_text(300,75,
text='UseCanvas',
fill='blue')
canvas.pack()#将Canvas添加到主窗口
root.mainloop()
❷ canvas中如何实现圆形背景图片
实现画布橡皮擦有两个思路：
1.用clearRect(x,
y, width, height)来实现，x, y 矩形的左上角的坐标。width,
height 矩形的尺寸。clearRect()
方法擦除了指定的矩形，并且用一个透明的颜色填充
它。我们用这个可以实现画布擦除，但它是矩形的。我也没有想出什么好的方法，所以
弃之，采用第二种方法！
2、第二种方法就是画出一个圆，此圆为透明，然后使相交部分变成透明的就ok了。
这里就用到了canvas的globalCompositeOperation函数了，简单来说,Composite(组
合),就是对你在绘图中,后绘制的图形与先绘制的图形之间的组合显示效果,比如在国画中,
你先画一笔红色,再来一笔绿色,相交的部分是一种混色,而在油画中,绿色就会覆盖掉相交
部分的红色,这在程序绘图中的处理就是Composite,Canvas
API中对应的函数就是
globalCompositeOperation,跟globalAlpha一样,这个属性是全局的,所以在使用的时
候要注意save和restore.
下面是每一个选项的说明:
source-over
默认,相交部分由后绘制图形的填充(颜色,渐变,纹理)覆盖,全部浏览器通过
source-in
只绘制相交部分,由后绘制图形的填充覆盖,其余部分透明,webkit两兄弟没有
通过
source-out
只绘制后绘制图形不相交的部分,由后绘制图形的填充覆盖,其余部分透
明,webkit两兄弟没有通过
source-atop
后绘制图形不相交的部分透明,相交部分由后绘制图形的填充覆盖,全部浏
览器通过
destination-over
相交部分由先绘制图形的填充(颜色,渐变,纹理)覆盖,全部浏览器通过
destination-in
只绘制相交部分,由先绘制图形的填充覆盖,其余部分透明,webkit两兄弟
没有通过
destination-out
只绘制先绘制图形不相交的部分,由先绘制图形的填充覆盖,其余部分透
明,全部浏览器通过
destination-atop
先绘制图形不相交的部分透明,相交部分由先绘制图形的填充覆
盖,webkit两兄弟没有通过
lighter
相交部分由根据先后图形填充来增加亮度,全部浏览器通过
darker
相交部分由根据先后图形填充来降低亮度,chrome通过,firefox官方说Firefox
3.6 / Thunderbird 3.1 /
Fennec
1.0以后版本移除这个效果-0-,why?safari看似可
以,但是无论你什么颜色,它都给填充成黑色,opera无效果
只绘制后绘制图形,只有opera通过
xor
相交部分透明,全部浏览器通过
下面就是用上面的属性实现圆形橡皮擦的代码：
狠狠的点击这里-javascript
canvas画图实例(请使用支持canvas的chrome，firefox
等浏览器观看)
function
resetEraser(_x,_y,touch)
{
var
t=this;
t.cxt.globalCompositeOperation
=
"destination-out";
t.cxt.beginPath();
t.cxt.arc(_x,
_y, t.eraserRadius, 0, Math.PI *
2);
t.cxt.strokeStyle =
"rgba(250,250,250,0)";//使用颜色值为白色，透明为0的颜色填充
t.cxt.fill();
t.cxt.globalCompositeOperation
= "source-over"
}
❸ html5canvas 如何实现图片的拖动 在有背景图的情况下
直接加入层，在层里面放入照片。就可以了
❹ 动态更换inkcanvas背景图片，该怎么处理
Xaml：
<InkCanvas Width="500" Height="400">
<InkCanvas.Background>
<VisualBrush>
<VisualBrush.Visual>
<Image Name="bgImage" Source="D:\TestImage.jpg"/>
</VisualBrush.Visual>
</VisualBrush>
</InkCanvas.Background>
</InkCanvas>
后台代码：
var bitmapImage = new BitmapImage();
bitmapImage.BeginInit();
bitmapImage.UriSource = new Uri(@"D:\Leaf.jpg", UriKind.Absolute);
bitmapImage.EndInit();
bgImage.Source = bitmapImage;
简单示例，根据自己的需求进行改进。
❺ android中paint如何设置背景图片
1.创建一个背景图大小的Bitmap Bitmap bitmap=Bitmap.createBitmap(X, Y, Config.ARGB_8888);
2.Canvas canvas=new Canvas(bitmap); //创建画布Paint paint=new Paint(); //画笔
3。在canvas上画东西取得背景图片的Bitmap canvas.drawBitmap(backgroundBitmap, Rect , Rect , paint);
按照上面的步骤就可以设置背景图片了
❻ js中在canvas中加入一张背景怎么让背景滚动
不能，图片绘制在canvas之上就算透明，透明混合的也是原来canvas的底色，我记得canvas是可以设置背景色的
❼ 我用canvas添加一个surfaceView的背景图，但是一旦这个View跳转到另一个View里面，会报空指针的错误
你要在跳出这个View的时候，停止掉Canvas的绘制线程，SurfaceView在绘制过程成是独立线程来支持该视图的更新的，你检查一下你的代码
❽ HTML5如何在现有的背景图片上进行画图
在背景图片上面建一个canvas画图不就可以了，或者把背景图片设置为canvas的背景图片
❾ HTML canvas背景 转换 gif动态图
我们都知道如何在html5的canvas画布上绘制静态图片(jpeg, png等)，直接用canvas中的drawImage方法即可，那么如何绘制动态图片（gif）？
相信大家都知道动态图片之所以动态，是因为它是由很多图片按一定的帧数顺序播放而成的，因此我们是否也可以模拟这样的帧数，每隔一定的时间重新
绘制图片，就能画出动态图片呢？答案当然是YES。下面就是我自己测试的一个例子，代码如下：
<!DOCTYPEHTML>
2<html>
3<head>
4<metacharset="utf-8"/>
5<title>canvas上画动态图，视频也可以画</title>
6
7<scripttype="text/javascript">
8window.onload=function(){
9varimg=document.getElementById('img1');
10varcan=document.getElementById('can');
11varcxt=can.getContext('2d');
12
13
14setInterval(function(){cxt.drawImage(img,0,0);},20);
15}
16</script>
17</head>
18
19<body>
20<p>准备绘制的动态图片:</p>
21<imgid="img1"src="ex.gif"alt="你的浏览器不支持img标签"></img>
22<p>canvas画布上绘制的动态图片:</p>
23<canvasid="can"width="800px"height="600px"style="background-color:#CCCCCC">你的浏览器不支持canvas标签</canvas>
24</body>
25</html>
如果你要动态换，写一个方法，重新替换不就好了，要什么图片换什么！希望5itjob能帮到你
❿ WPF中用xaml怎么给Gird或canvas插入背景图片
<Grid>
<Grid.Background>
<ImageBrush ImageSource=".\Images\1.png"/>
</Grid.Background>
</Grid>