Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
TML 顏色由紅色、綠色、藍色混合而成。
顏色值
HTML 顏色由一個十六進制符號來定義,這個符號由紅色、綠色和藍色的值組成(RGB)。
種顏色的最小值是0(十六進制:#00)。最大值是255(十六進制:#FF)。
這個表格給出了由三種顏色混合而成的具體效果:
顏色值
顏色(Color) | 顏色十六進制(Color HEX) | 顏色RGB(Color RGB) |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
1600萬種不同顏色
三種顏色 紅,綠,藍的組合從0到255,一共有1600萬種不同顏色(256 x 256 x 256)。
在下面的顏色表中你會看到不同的結果,從0到255的紅色,同時設置綠色和藍色的值為0,隨著紅色的值變化,不同的值都顯示了不同的顏色。
Red Light | Color HEX | Color RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
灰暗色調
以下展示了灰色到黑色的漸變
Gray Shades | Color HEX | Color RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
Web安全色?
數年以前,當大多數計算機僅支持 256 種顏色的時候,一系列 216 種 Web 安全色作為 Web 標準被建議使用。其中的原因是,微軟和 Mac 操作系統使用了 40 種不同的保留的固定系統顏色(雙方大約各使用 20 種)。
我們不確定如今這么做的意義有多大,因為越來越多的計算機有能力處理數百萬種顏色,不過做選擇還是你自己。
最初,216 跨平臺 web 安全色被用來確保:當計算機使用 256 色調色板時,所有的計算機能夠正確地顯示所有的顏色。
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
機關及其直屬機構2022年度
考試錄用公務員云南考區筆試重要提示
各位考生:
中央機關及其直屬機構2022年度考試錄用公務員筆試將于2021年11月27日、28日舉行。為進一步提升服務保障質量,確保考生順利參考,現將有關事項提示如下。
一、重點事項提示
(一)按要求打印準考證。請考生于2021年11月22日00:00—11月28日12:00自行下載打印準考證,打印準考證前須仔細閱讀《中央機關及其直屬機構2022年度考試錄用公務員云南考區筆試新冠肺炎疫情防控告知暨承諾書》,下載打印準考證即視為認同并簽署《中央機關及其直屬機構2022年度考試錄用公務員云南考區筆試新冠肺炎疫情防控告知暨承諾書》。準考證是考生參加筆試的必須憑證,務必妥善保管,請仔細閱讀并遵守所載內容。
(二)準確掌握考點名稱和地址。本次筆試,我省在昆明市、昭通市、曲靖市、玉溪市、楚雄州、紅河州、德宏州芒市和瑞麗市八個城市設置考點,請考生務必認清考點名稱、提早熟悉考點地址和交通路線,避免走錯考點、找錯考場、坐錯座位。考試當天,請合理安排出行,以免影響正常參考。
(三)按要求做好疫情防控。
1.考生須考前3天提前申領“云南健康碼”和“通信大數據行程卡”,并于本人首場考試考前48小時內進行新冠病毒核酸檢測。做好日體溫測量和健康狀況監測,持續關注健康碼狀態,有異常情況須及時報告考點所在州(市)人力資源社會保障部門。
2.考試當天,考生應至少提前1小時到達考點。考生進入考點前,應當主動出示本人“云南健康碼”“通信大數據行程卡”信息,出具本人首場考試考前48小時內有效核酸檢測陰性證明,按要求主動接受體溫測量。未出具核酸檢測陰性證明的,不得進入考點。
(1)“云南健康碼”為綠碼,“通信大數據行程卡”為綠碼且14日內未到過存在中高風險地區的城市(即行程卡綠碼中無*號標記),現場測量體溫正常(≤37.3℃),考前48小時內核酸檢測結果為陰性的考生,可進入考點參加筆試。體溫異常(>37.3℃)由駐點醫療專業防疫人員進行初步排查,可排除疑似新冠肺炎的,經詢問個人身體狀況,能堅持考試者,由工作人員引導至備用考場進行筆試。
(2)“云南健康碼”為黃碼,“通信大數據行程卡”顯示到過國內中風險地區的城市的考生,須提供筆試前3天內2次(每次間隔不低于24小時)有效的核酸檢測陰性證明,現場測量體溫正常(≤37.3℃)可進入普通考場參加考試,未提供證明的不得進入考點。體溫異常(>37.3℃)由駐點醫療專業防疫人員進行初步排查,可排除疑似新冠肺炎的,經詢問個人身體狀況,能堅持考試者,由工作人員引導至備用考場進行筆試。
(3)近期有過邊境縣(市、區)旅居史的考生,須提供筆試前7天內兩次(最近一次檢測應在首場考試前48小時內)有效的核酸檢測陰性證明。
(4)近一個月內有境外旅居史的考生,須提供14天有效的集中醫學隔離觀察證明和7天有效居家隔離觀察證明、考試前3天內2次(每次間隔不少于24小時)有效的核酸檢測陰性證明,現場測量體溫正常(≤37.3℃)可進入普通考場參加考試,未提供證明的不得進入考點。體溫異常(>37.3℃)由駐點醫療專業防疫人員進行初步排查,可排除疑似新冠肺炎的,經詢問個人身體狀況,能堅持考試者,由工作人員引導至備用考場進行筆試。
(5)“云南健康碼”為紅碼的考生不得進入考點。
(6)身體有其他異常情況的考生,需配合駐點醫療專業防疫人員做好健康風險研判。經復測復查確有發熱或呼吸道異常癥狀的考生,由駐點醫療專業防疫人員進行個案預判,對能排除疑似新冠肺炎且具備繼續考試條件的,轉移至備用考場考試,對不能排除的,一律由負壓救護車轉運至定點醫院就診排查。
3.考生自備一次性醫用口罩,赴考時如乘坐公共交通工具,需要全程佩戴口罩,可佩戴一次性手套,并做好手部衛生,同時注意保持安全社交距離。
4.考試期間,考生要自覺維護考試秩序,與其他考生保持安全社交距離,服從現場工作人員安排,考試結束后按規定有序離場。
5.考生如因有相關旅居史、密切接觸史等流行病學史被集中隔離,筆試當天無法到達考點的,視為主動放棄考試資格。
6.請考生注意個人防護,考生進入考點內,除核驗信息時須配合摘下口罩以外,考試全程應佩戴一次性醫用口罩。
7.如考試前出現新的疫情變化,將通過云南人力資源和社會保障網“人事考試專欄”(https://hrss.yn.gov.cn/ynrsksw/Index.html)及時發布補充公告,明確疫情防控要求,請廣大考生密切關注。
8.考生凡隱瞞或謊報旅居史、接觸史、健康狀況等疫情防控重點信息,不配合工作人員進行防疫檢測、詢問等的,取消考試資格,如有違法情況,將依法追究法律責任。
(四)帶齊證件。考生須帶齊準考證、本人有效身份證件原件(與報名時一致)和本人首場考試考前48小時內有效新冠病毒核酸檢測陰性證明方可參加考試。考試開始前60分鐘起接受安檢有序進入考場,對號入座,坐錯座位根據相關規定按違規違紀處理。兩證不全或不一致或未出具有效核酸檢測陰性證明者,不得進入考場。考試開始30分鐘后一律禁止入場,考試期間不得交卷、離場;離場后不得再次進入考場。
(五)嚴禁將禁止物品帶入考場。考生進入考場時,除規定文具、準考證、身份證外的其他物品須放置在考場門口柜子或桌子上(通訊設備、電子設備必須全部切斷電源),嚴禁將各類手表和各種電子、通信、計算、存儲或其它有關設備及與考試相關的資料等物品帶入考場。考生在座次表上簽到時,須填寫本人手機號碼。
(六)考生有責任和義務在監考人員拆封試卷前查驗密封情況并簽字確認。
(七)試卷和答題卡發放后,考生應立即檢查本人卷卡是否有裝訂印刷錯誤或污損,如有問題立即舉手向監考人員報告,否則后果自負。《行政職業能力測驗》科目答題卡印制在試卷封底內頁,開始答題前,考生請沿裁切線自行小心撕下。考生必須在配套答題卡上作答,卷卡不一將影響考試成績。
(八)《行政職業能力測驗》科目一律用2B鉛筆在答題卡上填涂作答,《申論》科目一律用黑色字跡的鋼筆、簽字筆作答。考生應自備橡皮、2B鉛筆、黑色字跡的鋼筆或簽字筆。為保障考試的公平公正性,考試期間,監考人員將對考生攜帶的文具進行檢查,請考生予以配合。
(九)遵守規則,誠信參考。考生須按準考證所載內容要求參加考試,嚴格遵守考場規則,自覺服從考試工作人員管理,接受監考人員的監督和檢查,誠信參考,避免出現違規違紀行為。考生出現違規違紀行為,將按《公務員錄用違規違紀行為處理辦法》有關規定處理,構成犯罪的,依法追究刑事責任。
二、法律法規提示
(一)《刑法修正案(九)》規定:“在法律規定的國家考試中,組織作弊的,處三年以下有期徒刑或者拘役,并處或者單處罰金;情節嚴重的,處三年以上七年以下有期徒刑,并處罰金”“為他人實施前款犯罪提供作弊器材或者其他幫助的,依照前款的規定處罰”“為實施考試作弊行為,向他人非法出售或者提供第一款規定的考試的試題、答案的,依照第一款的規定處罰”“代替他人或者讓他人代替自己參加第一款規定的考試的,處拘役或者管制,并處或者單處罰金”。
(二)《最高人民法院最高人民檢察院關于辦理組織考試作弊等刑事案件適用法律若干問題的解釋》明確“中央和地方公務員錄用考試”屬于“法律規定的國家考試”,考試作弊觸犯刑法,屬于犯罪。
三、公務員錄用違規違紀行為處理辦法摘錄
第六條 報考者在考試過程中有下列行為之一的,由具體組織實施考試的考試機構、招錄機關或者公務員主管部門給予其所涉科目(場次)考試成績為零分的處理:
(一)將規定以外的物品帶入考場,經提醒仍未按要求放在指定位置的;
(二)參加考試時未按規定時間入場、離場的;
(三)未在指定座位參加考試,或者擅自離開座位、出入考場的;
(四)未按規定填寫(填涂)、錄入本人或者考試相關信息,以及在規定以外的位置標注本人信息或者其他特殊標記的;
(五)故意損壞本人試卷、答題卡(答題紙)等考場配發材料或者本人使用的考試機等設施設備的;
(六)在考試開始信號發出前答題的,或者在考試結束信號發出后繼續答題的;
(七)其他情節較輕的違規違紀行為。
第七條 報考者在考試過程中有下列行為之一的,由設區的市級以上公務員主管部門給予其取消本次考試資格并五年內限制報考公務員的處理:
(一)抄襲他人答題信息或者協助他人抄襲答題信息的;
(二)查看、偷聽違規帶入考場與考試有關的文字、視聽資料的;
(三)使用禁止攜帶的通訊設備或者具有計算、存儲功能電子設備的;
(四)攜帶具有避開或者突破考場防范作弊的安全管理措施,獲取、記錄、傳遞、接收、存儲考試試題、答案等功能的程序、工具,以及專門用于作弊的程序、工具(以下簡稱作弊器材)的;
(五)搶奪、故意損壞他人試卷、答題卡(答題紙)、草稿紙等考場配發材料或者他人使用的考試機等設施設備的;
(六)違反規定將試卷、答題卡(答題紙)等考場配發材料帶出考場的;
(七)其他情節嚴重、影響惡劣的違規違紀行為。
第八條 報考者在考試過程中有下列行為之一的,由省級以上公務員主管部門給予其取消本次考試資格并終身限制報考公務員的處理:
(一)使用偽造、變造或者盜用他人的居民身份證、準考證以及其他證明材料參加考試的;
(二)3人以上串通作弊或者參與有組織作弊的;
(三)代替他人或者讓他人代替自己參加考試的;
(四)使用本辦法第七條第四項所列作弊器材的;
(五)非法侵入考試信息系統或者非法獲取、刪除、修改、增加系統數據的;
(六)其他情節特別嚴重、影響特別惡劣的違規違紀行為。
第九條 在閱卷過程中發現報考者之間同一科目作答內容雷同,并經閱卷專家組確認的,由具體組織實施考試的考試機構給予其該科目(場次)考試成績為零分的處理,錄用程序終止。作答內容雷同的認定方法和標準由省級以上考試機構確定。
報考者之間同一科目作答內容雷同,并有其他相關證據證明其作弊行為成立的,視具體情形按照本辦法第七條、第八條的規定處理。
第十二條 報考者應當自覺維護公務員錄用工作秩序,有下列行為之一的,應當終止其錄用程序;情節嚴重、影響惡劣的,由設區的市級以上公務員主管部門給予其取消本次考試資格并五年內限制報考公務員的處理;情節特別嚴重、影響特別惡劣的,由省級以上公務員主管部門給予其取消本次考試資格并終身限制報考公務員的處理:
(一)故意擾亂考點、考場等工作場所秩序的;
(二)拒絕、妨礙工作人員履行管理職責的;
(三)威脅、侮辱、誹謗、誣陷、毆打工作人員或者其他報考者的;
(四)通過搞利益輸送或者利益交換,謀取考試資格、錄用機會、經濟利益以及其他不當利益的;
(五)購買本辦法第七條第四項所列作弊器材的;
(六)其他擾亂公務員錄用工作秩序的行為。
第十三條 報考者在公務員錄用中有違規違紀行為,涉嫌違法犯罪的,移送有關國家機關依法處理。
報考者為國家公職人員的,應當將其違規違紀行為和處理結果通報所在單位。
各位報考者請仔細閱讀以上事項,科學備考、順利參考!
云南省人事考試院
2021年11月19日
來源: 掌上春城
明:SVG 雖然也是標簽,但它不是 HTML5,標題加了 HTML5 只是為了與 canvas 放到一起。
SVG 意為可縮放矢量圖形(Scalable Vector Graphics),使用 XML 格式定義矢量圖形。其他的圖像格式都是基于像素的,但是 SVG 沒有單位的概念,它的20只是表示1的20倍,所以 SVG 繪制的圖形放大或縮小都不會失真。
與其他圖像比較,SVG 的優勢有以下幾點:
2.1、svg 標簽
SVG 的代碼都放到 svg 標簽呢,SVG 中的標簽都是閉合標簽,與html中標簽用法一致。svg的屬性有:
eg:畫一條直線,完整代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body style="height:600px;">
<svg width="300" height="300">
<line x1="0" y1="0" x2="100" y2="100" stroke="black" stroke-width="20"></line>
</svg>
</body>
</html>
上述 svg 設置的寬高沒有帶單位,此時默認是像素值,如果需要添加單位時,除了絕對單位,也可以設置相對單位。
使用語法:<svg viewBox=" x1,y1,width,height "></svg>
四個參數分別是左上角的橫縱坐標、視口的寬高。表示只看SVG的某一部分,由上述四個參數決定。
使用 viewBox 之后,相當于svg整體大小不變,只能看到 viewBox 設置部分,視覺上被放大。
2.2、SVG 如何嵌入 HTML
SVG 的代碼可以直接嵌入到 html 頁面中,也可以通過 html 的embed、object、iframe嵌入到html中。嵌入的時候嵌入的是 SVG 文件,SVG 文件必須使用 .svg 后綴。分別介紹各種方法如何使用?
2.2.1、embed 嵌入:
使用語法:<embed src="line.svg" type="image/svg+xml"></embed>
src是SVG文件路徑,type 表示 embed 引入文件類型。
優點:所有瀏覽器都支持,并允許使用腳本。
缺點:不推薦 html4 和 html 中使用,但 html5 支持。
2.2.2、object 嵌入:
使用語法:<object data="line.svg" type="image/svg+xml"></object>
data 是 SVG 文件路徑,type 表示 object 引入文件類型。
優點:所有瀏覽器都支持,支持 html、html4 和 html5。
缺點:不允許使用腳本。
2.2.3、iframe 嵌入:
使用語法:<iframe width="300" height="300" src="./line.svg" frameborder="0"></iframe>
src是 SVG 文件路徑,width、height、frameborder 設置的大小和邊框。
優點:所有瀏覽器都支持,并允許使用腳本。
缺點:不推薦 html4 和 html 中使用,但 html5 支持。
2.2.4、html中嵌入:
svg 標簽直接插入 html 內容內,與其他標簽用法一致。
2.2.5、連接到svg文件:
使用 a 標簽,直接鏈接到 SVG 文件。
使用語法:<a href="line.svg">查看SVG</a>
3.1、線 - line
使用語法:
<svg width="300" height="300" >
<line x1="0" y1="0" x2="300" y2="300" stroke="black" stroke-width="20"></line>
</svg>
使用line標簽創建線條,(x1,y1)是起點,(x2,y2)是終點,stroke繪制黑線,stroke-width是線寬。
3.2、矩形 - rect
//使用語法:
<svg width="300" height="300" >
<rect
width="100" height="100" //大小設置
x="50" y="50" //可選 左上角位置,svg的左上角默認(0,0)
rx="20" ry="50" //可選 設置圓角
stroke-width="3" stroke="red" fill="pink" //繪制樣式控制
></rect>
</svg>
上述參數 width、height是必填參數,x、y是可選參數,如不設置的時候,默認為(0,0),也就是svg的左上角開始繪制。rx、ry是可選參數,不設置是矩形沒有圓角。fill定義填充顏色。
3.3、圓形 - circle
// 使用語法
<svg width="300" height="300" >
<circle
cx="100" cy="50" // 定義圓心 ,可選
r="40" // 圓的半徑
stroke="black" stroke-width="2" fill="red"/> //繪制黑框填充紅色
</svg>
上述(cx,xy)定義圓心的位置,是可選參數,如果不設置默認圓心是(0,0)。r是必需參數,設置圓的半徑。
3.4、橢圓 - ellipse
橢圓與圓相似,不同之處在于橢圓有不同的x和y半徑,而圓兩個半徑是相同的。
// 使用語法
<svg width="300" height="300" >
<ellipse
rx="20" ry="100" //設置橢圓的x、y方向的半徑
fill="purple" // 橢圓填充色
cx="150" cy="150" //設置橢圓的圓心 ,可選參數
></ellipse>
</svg>
上述橢圓的兩個rx、ry兩個方向半徑是必須參數,如果rx=ry就表示是圓形,(cx,cy)是橢圓的圓心,是可選參數,如果不設置,則默認圓心為(0,0)。
3.5、折線 - polyline
// 使用語法
<svg width="300" height="300" style="border:solid 1px red;">
<!-- 繪制出一個默認填充黑色的三角形 -->
<polyline
points=" //點的集合
0 ,0, // 第一個點坐標
100,100, // 第二個點坐標
100,200 // 第三個點坐標
"
stroke="green"
></polyline>
<!-- 繪制一個臺階式的一條折線 -->
<polyline
points="0,0,50,0,50,50,100,50,100,100,150,100,150,150"
stroke="#4b27ff" fill="none"
></polyline>
</svg>
上述代碼執行結果如圖所示:
需要注意的是 points 中包含了多個點的坐標,但不是一個數組。
3.6、多邊形 - polygon
polygon 標簽用來創建不少于3個邊的圖形,多邊形是閉合的,即所有線條連接起來。
// 使用語法
<svg width="300" height="300" style="border:solid 1px red;">
<polygon
points="
0,0, //多邊形的第一點
100,100, //多邊形的第二點
0,100 //多邊形的第三點
"
stroke="purple"
stroke-width="1"
fill="none"
></polygon>
</svg>
polygon繪制的時候與折線有些類似,但是polygon會自動閉合,折線不會。
3.7、路徑 - path
path 是SVG基本形狀中最強大的一個,不僅能創建其他基本形狀,還能創建更多其他形狀,如貝塞爾曲線、2次曲線等。
點個關注,下篇更精彩!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。