您現在的位置是:電腦技術吧?>? 故障問題 ??>??院感基礎知識培訓小結,黨的基礎知識培訓小結??>??正文詳情

院感基礎知識培訓小結,黨的基礎知識培訓小結

后初柔2019-11-18 00:30:34 人圍觀
簡介院感知識培訓小結及效果評價現將畫布的知識點總結如下,供大家隨時參考。一。填充矩形圓角矩形(x,y,寬度,高度);2。繪制矩形邊框strokrect(x,y,width,height);3黨的基本知識

現把canvas的知識點總結如下,以便隨時查閱。

1、填充矩形 fillRect(x,y,width,height);2、繪制矩形邊框 strokeRect(x,y,width,height);3、擦除矩形 clearRect(x,y,width,height);4、填充樣式 fillStyle=red; 樣式可以為顏色、漸變和圖像。

5、描邊樣式 strokeStyle=red;6、描邊線條的寬度 lineWidth=4;7、線條末端形狀 lineCap=butt; butt(對接)/round(圓)/square(方),默認情況下是butt;8、線條相交樣式 lineJoin=miter; miter(尖角)/round(圓角)/bevel(斜角),默認尖角;9、開始繪制路徑 beginPath();10、結束路徑 closePath(); 創建路徑后,如果想繪制一條連接到路徑起點的線條,可以調用closePath();11、繪制圓弧 arc(x,y,radius,startAngle,endAngle,true/false);12、繪制弧線 arcTo(x1,y1,x2,y2,radius) 從上一點開始繪制一天弧線,到x2,y2為止,并且以給定的半徑radius穿過x1,y1;13、moveTO(x,y); 將繪圖游標移動到(x,y),不畫線14、lineTo(x,y); 從上一點開始繪制一條直線15、二次貝塞爾曲線: quadraticCurveTo(cx,cy,x,y); 從上一點開始繪制二次曲線,到x,y為止,cx,cy作為控制點。

16、三次貝塞爾曲線: bezierCurveTo(cx1,cy1,cx2,cy2,x,y); 從上一點開始繪制二次曲線,到x,y為止,cx1,cy1和cx2,cy2作為控制點。

17、rect(x,y,width,height);從點x,y開始繪制矩形,寬度和高度分別由width和height指定。

這個方法繪制的是矩形路徑,而不是獨立形狀。

18、繪制文本:  (1) 填充文本:fillText(hello,x,y,width);width為可選的最大像素寬度,如果文本大于最大寬度,則文本會收縮以適應最大寬度。

(2) 文本描邊:strokeText(hello,x,y,width);width為可選的最大像素寬度。

(3) 文本樣式:font=bold 14px Arial;(4) 水平文本對齊:textAlign='start';// start, end, left,right, center。

默認值:start。

以文字的起始點(x,y)為基點的縱軸進行對齊。

(5) 垂直文本對齊:textBaseline='alphabetic';//top, hanging, middle,alphabetic, ideographic, bottom。

默認值:alphabetic。

以文字的起始點(x,y)為基點的橫軸進行對齊。

(6) 文本的寬度:var text=hello; var length=context.measureText(text);參數text為所需要繪制的文字19、變換  (1) rotate(angle):圍繞原點旋轉圖像angle弧度。

也可以使用transform(Math.cos(angle*Math.PI/180),Math.sin(angle*Math.PI/180),-Math.sin(angle*Math.PI/180),Math.cos(angle*Math.PI/180),0,0);(2) scale(x,y):縮放圖像。

也可以使用transform(x,0,0,y,0,0);(3) translate(x,y):將坐標原點移動到x,y,執行這個變換之后,坐標0,0會變成之前由x,y表示的點。

也可以使用transform(1,0,0,1,x,y);(4) transform(number, number, number,number,x, y);(5) setTransform(number, number, number,number,x, y);將變換矩陣重置為默認狀態,然后再調用transform();20、圖形組合代碼如下:context.fillStyle=blue;context.fillRect(10,10,100,100);context.globalCompositeOperation='lighter'; 可選值如/* */內。

context.fillStyle=red;context.arc(110,60,50,0,Math.PI*2,false);context.fill();/*source-over(默認值):destination-over:在原有圖形之下繪制新圖形source-in:新圖形與原有圖形作in運算,只顯示新圖形中與原有圖形相重疊的部分destination-in:原有圖形與新圖形作in運算,只顯示新圖形中與原有圖形相重疊的部分source-out:新圖形與原有圖形作out運算,只顯示新圖形中與原有圖形不重疊的部分destination-out:新圖形與原有圖形作out運算,只顯示新圖形中與原有圖形不重疊的部分source-atop:只繪制新圖形中與原有圖形重疊的部分和未被重疊的原有圖形destination-atop:只繪制原有圖形中被新圖形重疊的部分和新圖形的其他部分lighter:原有圖形與新圖形均繪制,重疊部分做加色處理xor:只繪制新圖形與原有圖形不重疊的部分,重疊部分變透明copy:只繪制新圖形*/21、繪制圖形陰影代碼如下:context.shadowOffsetX=10; //陰影的橫向位移量context.shadowOffsetY=10; //陰影的縱向位移量context.shadowColor='rgba(100,100,100,0.5)'; //陰影的顏色context.shadowBlur=7; //陰影的模糊范圍22、繪制、平鋪、裁剪圖像代碼如下:context.drawImage(image,x,y);context.drawImage(image,x,y,w,h);context.drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh);sx,sy和sw,sh為源圖像的被復制區域的起始坐標和高度,dx,dy和dw,dh為復制后的區域的目標坐標和高度。

context.createPattern(image,type);圖像平鋪,參數可以為:no-repeat,repeat-x,repeat-y,repeat;context.clip(); //裁剪功能例子:代碼如下:image=new Image(); //創建Image對象image.src=../images/wukong.gif;var test=context.createPattern(image,'repeat-y');//createPattern設置平鋪效果,context.fillStyle=test;context.fillRect(0,0,400,400);image.onload=function() { //此方法的作用是,如果圖片是比較大的網絡圖像文件,防止圖像全部裝載完畢才看見該圖像,這樣就可以一邊裝載一邊繪制了。

drawImg(context,image);}function drawImg(context,image){//繪制原始圖像context.drawImage(image,10,10,125,125);//局部放大context.drawImage(image,20,0,90,100,150,10,125,125);context.rect(20,20,80,80);context.clip();context.drawImage(image,0,0,200,200);}23、保存、恢復contex.save();將當前狀態保存到棧中。

注意:保存的只是對繪制圖形的設置和變換,不會保存繪制圖形的內容。

context.restore();從棧中取出之前保存的圖形狀態可以應用的場合:(1)圖像或圖形變形(2)圖像裁剪(3)改變圖形上下文時屬性時:fillStyle,font,globalAlpha,globalComposite-Operation,lineCap,lineJoin,lineWidth,miterLimit,shadowBlur,shadowColor,shadowOffsetX,shadowOffsetY,strokeStyle,textAlign,textBaseline24、線性漸變代碼如下:var g=context.createLinearGradient(xStart,yStart,xEnd,yEnd);var g1=context.createRadialGradient(xStart,yStrat,radiusStrat,xEnd,yEnd,radiusEnd);g.addColorStop(0,'red');g.addColorStop(0,'green');context.fillStyle=g;context.fillRect(0,0,200,200);

版權聲明:本文由 后初柔 整理編輯。

原標題:中醫基礎知識培訓小結,感控知識培訓小結

轉載注明出處:http://www.dn9ww09s.icu/fault/13333.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 怎么設置隱藏文件夾,怎樣隱藏文件夾

    怎么設置隱藏文件夾,怎樣隱藏文件夾 相關圖片電腦隱藏文件夾怎么顯示當系統處于安全考慮時,它將隱藏系統的一些關鍵文件和文件夾。當我們需要對這些文件執行某些操作時,首先需要顯示這些隱藏的文件夾。如何顯示隱藏文件...

  • 的和地的用法,的得地的用法

    的和地的用法,的得地的用法 相關圖片an的用法瀏覽器中的瀏覽器非常適合iframe frameBorder=0 width=170 height=100marginheight=0 marginwidth=on的用法...

  • win7語言欄修復,win7語言欄不見了怎么調出來

    win7語言欄修復,win7語言欄不見了怎么調出來 相關圖片中文輸入法不見了語言欄是win7中一個非常重要的功能,它可以幫助用戶設置輸入方法。如果win7語言欄不見了怎么辦?如何調整win7語言欄?讓我們跟隨超人軟件編輯器來了解它windows8語言...

  • 無痕瀏覽怎么設置 iphone,蘋果無痕瀏覽怎么設置在哪里

    無痕瀏覽怎么設置 iphone,蘋果無痕瀏覽怎么設置在哪里 相關圖片破解全部黃盒無痕跡瀏覽是瀏覽器上網的一種方式。通過此模式,瀏覽網頁后不會生成任何記錄。那么如何設置無痕跡瀏覽呢?無痕瀏覽真的無痕嗎?接下來,超人軟件編輯將為您一一...

  • 怎么上傳應用,上傳應用

    怎么上傳應用,上傳應用 相關圖片什么軟件可以上傳長視頻進入“管理您的應用程序”頁面后,單擊您創建的應用程序圖標進入應用程序主頁,如圖所示,您可以在應用程序主頁中看到應用程序的基本信息。右上角的按...

  • xinput13dll,找不到xinput_3dll

    xinput13dll,找不到xinput_3dll 相關圖片3d溜溜最近,很多朋友說,他們在安裝LOL、魔獸、頂級飛車和其他大型游戲后,暗示了新PUT1 3.DLL的丟失。XPUT1 3.DLL在哪里?新普特1丟失3 dll...

  • HTML 表格,html5 表格

    HTML 表格,html5 表格 相關圖片web文檔表格Style {font size: 12px}. Drag {font size: 12px; margin bottom: 5px;} TD {verticahtml建立表格...

  • wifi會泄露上網記錄嗎,360家庭防火墻怎么開

    wifi會泄露上網記錄嗎,360家庭防火墻怎么開 相關圖片ensp防火墻配置實例最近,很多小伙伴都說,他們經常聽說電腦需要設置防火墻,但他們不知道防火墻有什么用?防火墻設置在哪里?下面,超人軟件小編將為您解答防火墻的相關內容,...

  • 比鄰,比鄰現在叫什么

    比鄰,比鄰現在叫什么 相關圖片比鄰的意思比鄰是一款非常受到歡迎的即時通訊軟件,最近有不少朋友表示想取消關注舊好友,重新關注新朋友。那么比鄰怎么取消關注?比鄰怎么加好友?下面,就跟著超人軟件小編一起...

  • 設計師容易嗎,設計師

    設計師容易嗎,設計師 相關圖片千圖設計師我見過這么多這樣的設計師,他們從來沒有想過“如果這樣交設計稿,工程師就做不出來”的問題,他們不愿意理解什么是“限制”和“規則”。如果你想從一個平面設計師...

熱評文章

  • desktop文件刪除后果,desktop.ini是什么文件?

    desktop文件刪除后果,desktop.ini是什么文件? 相關圖片徹底刪除360注冊表近日,不少網友反映桌面上出現了desktop.ini文件。我可以刪除desktop.ini嗎?什么文件是desktop.ini?現在,超人軟件將帶給你桌面桌面上有desktop文件...

  • 超級鏈接方法,創建超級鏈接的方法

    超級鏈接方法,創建超級鏈接的方法 相關圖片舉例創建超級鏈接的方法在線問答網友問,如何在Dreamweaver8中批量刪除超鏈接?解決方案,打開Dreamweaver-Edit-find-and-replace(或直接使用快捷超級鏈接在什么選項卡...

  • 配置可交換顯示卡有什么用,沒有配置可交換顯示卡

    配置可交換顯示卡有什么用,沒有配置可交換顯示卡 相關圖片win7沒有配置可交換顯示卡可交換顯示卡允許用戶在集成顯示卡和獨立顯示卡之間自由切換,但有些用戶仍然不知道如何配置可交換顯示卡。一些用戶還發現可交換顯示卡的配置丟失。怎...

  • 讓人流連忘返的,這是一個讓人流連忘返

    讓人流連忘返的,這是一個讓人流連忘返 相關圖片讓我們流連忘返今天,當模板在世界各地飛來飛去的時候,創建一個博客似乎是一件非常簡單的事情,不是嗎?平臺就在那里,博主只需要發布。有什么困難?但實際情況是,有成千上...

  • 被執行人是什么意思,性中xt是什么意思啊

    被執行人是什么意思,性中xt是什么意思啊 相關圖片fpx是什么意思VPS技術是虛擬專用服務器的全稱虛擬專用服務器技術,可以將一臺服務器劃分為多個虛擬專用服務器。你可以把VPS看作是服務提供商提供給你的一臺計算機,但我們只經營...

  • 手機默認瀏覽器怎么設置,電腦怎么改默認瀏覽器

    手機默認瀏覽器怎么設置,電腦怎么改默認瀏覽器 相關圖片番茄社區官方下載因為ie是windows系統的瀏覽器,所以它被正式設置為默認瀏覽器。但是,由于每個人的首選項都不同,因此要設置的默認瀏覽器也不同。如何設置默認瀏覽器?如果默認...

  • 列表增加元素,增加記憶的元素

    列表增加元素,增加記憶的元素 相關圖片怎樣補充鐵元素向窗口添加HTML元素除了可以使用XUL的所有元素外,還可以直接向XUL文件的內部添加HTML元素。現在您可以在XUL文件中使用任何HTML元素,這意味著您可以補充鐵元素...

  • 電腦已禁用ime怎么恢復,已禁用ime怎么解決

    電腦已禁用ime怎么恢復,已禁用ime怎么解決 相關圖片怎么解除禁用輸入法最近,許多小伙伴報告說,他們在電腦屏幕右下角有一個禁用輸入法的提示。那么,殘疾輸入法是什么意思呢?如何解決禁用輸入法?接下來,超人軟件會一一為你...

  • div內容上下居中,div內容居中

    div內容上下居中,div內容居中 相關圖片設置div內容居中盡管divs中的內容居中問題一直是一個比較老的話題,但最近發現許多前端開發人員都在問如何實現它。事實上,互聯網上有很多數據和案例。這里我將總結一些常見的處...

  • 臺版上癮全集未刪減網盤,電腦版百度網盤加好友

    臺版上癮全集未刪減網盤,電腦版百度網盤加好友 相關圖片mac百度網盤怎么加好友百度云最大的亮點是好友可以共享資源。那么,百度云如何添加好友呢?百度云好友共享的文件在哪里?我不想說太多。接下來,超人軟件編輯將為您介紹百度云...

關注微信

变脸官网查询