❶ 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>