第25個冬天

本篇網誌記述  主要偏向  WPF  關於  圖片插放及更換成背景的語法細節 (結合Kinect v2 背景移除效果) 本次 我們要向 專家  Vangos Pterneas  這個老外  做學習 參考學習連結: http://pterneas.com/2014/04/11/kinect-background-removal/ 那這是效果影片: Step1. 創建一個  視窗專案(WPF) Step2. 加入Microsoft.Kinect.dll Step3. 插放一個圖片控制(物件)/Image control 這裡我使用了 溫布頓網球場的場景 這是圖片連結 http://img1.cna.com.tw/Project/2012Olympic/Info/venues/venues_27_1.jpg 我把它載下來之後取名為 " tennis_view " 他是一個jpg圖檔 一般的圖片插放流程 若是要把圖片資源檔設置成我們的背景 該怎麼做??? 可以使用下列語法 <Grid.Background >             <ImageBrush ImageSource="/tennis_view.jpg"/>  </Grid.Background> Step4. 加入BackgroundRemovalTool.cs 檔案(Download_link: 連結 ) 這裡不再詳述和加入圖片流程類似 待續......xx

改暱稱 到左側  帳號----->個人資訊------->暱稱欄位、如何顯示大名欄位  做更新 記得按   更新個人資訊   按鈕 改管理員密碼 到左側  帳號----->個人資訊------->新密碼去做更新 記得按   更新個人資訊   按鈕 新增用戶 角色記得 改為  管理員 記得按   新增帳號   按鈕 外觀設置 到外觀------>自訂 首先是 網站身分 其次是 顏色 接著是 頁首圖片 再來 背景圖片 之後 選單 下面還有 小工具  和  指定首頁頁面   可以自行玩看看 本次課題告一段落

在這次日誌中 我要來實現基本背景色設置法 首先在此推薦三個目前本人很常用的線上編輯器 codepen https://codepen.io/pen/ 頁面 jsfiddle https://jsfiddle.net/ thimble https://thimble.mozilla.org/ 目前   小編最常使用的是 codepen 我們就先來使用 codepen來實現這次的小目標 如何產生最基礎的繪製背景色(使用canvas API) canvas  是一個容器本身不具繪圖能力 必須結合JS才可繪圖 第一階段-靜態背景色 (rect()方法、fillStyle的方法來進行color_hex設置、 fill()方法進行顏色填充) https://codepen.io/anon/pen/wMXvzx ctx.fillStyle = 'Hex碼';  Hex碼可自行設置 參考這個網站提供對應的顏色hex碼 color-hex.com :  http://www.color-hex.com/ 第二階段-靜態背景色(繪製隨機不同位置、大小、透明值的圓) 右下方有 【紅色驚嘆號】 告訴你 程式碼打錯了 於是我找了一陣子大概一小時 終於找到了 真的是超白癡的錯誤 再來 定義完再使用 JavaScript push() 方法 語法:     arrayObject . push (newelement1,newelement2,....,newelementX) -->向數組的末尾添加一個或多個元素，並返回新的長度 所以會隨機產生八個不同大小、位置、和透明值的 圓 圖形 最後再定義繪製圓形的方法 成果 在 jsfiddle 跑的成果 第三階段-動態網頁遊戲背景製作 但你發現它只會跑一次

我們先看輸出的不同   首先我們把WPF中的colorBasic和depthBasic這兩個應用程式下載下來做安裝解壓 再來就是開啟各自 副檔名為.csproj 的檔案 (整本書) 之後再點開右側 副檔名為.xaml.cs 的檔案 (看完書的內容後給人的 啟發 和之後的作為) 另一個 副檔名為.xaml 的就是 (書的封面、外觀、文字和圖片的編排) 這裡可以觀察一些物件搭配的 觸發 事件或者 Kinectsensor的類中方法 深度 色彩 之後你會問這兩大串程式碼這麼長要怎麼比對或做比較呢???? 可以去  diffNOW  線上文本比對來分析 https://www.diffnow.com/ 比對過後的結果網址:  https://www.diffnow.com/?report=vsq5b 一開始觀察完之後 發現都要做類似初始化的動作 private KinectSensor kinectSensor = null ;  //啟動 Kinect sensor 可以看到  KinectSensor  這個類  包含以下這麼多 方法 可以嘗試Alt+F12或右鍵 查看定義一下 它在 public MainWindow(){........}中被用到非常多 =================================================================== 啟動玩  sensor後 就要讀 彩影 / 深度 影格 step1. 該句語法查看、定義、拆解 private ColorFrameReader colorFrameReader = null ; //  創建一個 彩影 影格的Reader類 以下是  ColorFrameReader   這個類中所包含的方法 private   DepthFrameReader  depthFrameReader =  null ; //  創建一個 深度 影格的Reader類 以下是  DepthFrameReader   這個類中所包含的方法