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 国产一区二区三区精品视频,天天草夜夜啪,中文字幕乱码在线 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          千元雙卡4G機(jī) 智尚白酷派8732全面評測
          
        
           
          
	
	
          
		千元雙卡4G機(jī) 智尚白酷派8732全面評測
          
                        
           責(zé)編：王亞南
          隨著聯(lián)通電信試運(yùn)營網(wǎng)絡(luò)的加入，國內(nèi)4G市場的局面愈發(fā)繁榮，這也催生了終端產(chǎn)品的陸續(xù)推出。同時(shí)作為最早商用的移動(dòng)TD-LTE網(wǎng)絡(luò)，自然也擁有著為數(shù)眾多的終端支持。其中不乏高端旗艦領(lǐng)域的機(jī)型，當(dāng)然針對入門以致中端用戶，酷派都有相應(yīng)的產(chǎn)品推出，除了前面發(fā)布的幾款低于千元價(jià)位的入門產(chǎn)品之外，這里帶來的是硬件規(guī)格更上一層次的中端產(chǎn)品酷派8732。
          千元雙卡4G機(jī) 智尚白酷派8732全面評測
          酷派8732正面采用一塊5.5英寸顯示屏，分辨率為1280*720像素，顯示效果中規(guī)中矩。在核心方面搭載了一顆主頻為1.2GHz的高通驍龍MSM8926四核處理器，以及1GBRAM+8GB ROM。同時(shí)該機(jī)設(shè)有一枚1300萬像素后置攝像頭予以沒200萬像素前置鏡頭，并配備LED補(bǔ)光燈，支持最大4128*3096分辨率照片拍攝?？崤?732為雙卡雙待，并支持移動(dòng)4G網(wǎng)絡(luò)。該機(jī)擁有一塊2500毫安時(shí)電池。
          酷派8732
          酷派 8732（移動(dòng)TD-LTE版）
          運(yùn)營商定制中國移動(dòng)
          主屏尺寸5.5英寸
          主屏材質(zhì)TFT材質(zhì)（IPS技術(shù)）
          主屏分辨率1280x720像素
          屏幕像素密度267ppi
          網(wǎng)絡(luò)類型雙卡
          4G網(wǎng)絡(luò)移動(dòng)TD-LTE，F(xiàn)DD-LTE（僅限國際漫游時(shí)支持）
          3G網(wǎng)絡(luò)移動(dòng)3G（TD-SCDMA），聯(lián)通3G（WCDMA，僅限國際漫游時(shí)支持），聯(lián)通2G/移動(dòng)2G（GSM）
          支持頻段2G：GSM 900/1800/1900
          3G：TD-SCDMA 1900/2010MHz
          用戶界面Cool UI 5.5
          核心數(shù)四核
          CPU型號高通 驍龍Snapdragon MSM8926
          CPU頻率1228MHz
          RAM容量1GB
          ROM容量8GB
          電池容量2500mAh
          后置攝像頭像素1300萬像素
          前置攝像頭像素200萬像素
          編織紋理后殼設(shè)計(jì)
          正面是酷派手機(jī)今年一貫的設(shè)計(jì)風(fēng)格，作為一家并不以設(shè)計(jì)見長的公司，而且“8732”而不是“大觀4”這樣一個(gè)無法讓人一下記住的代號也注定了這款產(chǎn)品并不會在設(shè)計(jì)上太出格。
          不過作為一款普通手機(jī)來說，酷派8732還是能夠滿足正常用途的；正面通體白色的面板內(nèi)嵌5.5英寸的720p大屏，這在如今來說非常常見；不過酷派8732采用的屏幕素質(zhì)還是非常不錯(cuò)，具備90%的色彩飽和度以及高達(dá)900:1的對比度，可視角度也令人滿意。
          此外酷派8732的背部并沒有采用太過俗套的光面處理，而是在塑料外殼表面做了編織紋理效果，拿在手上具備不錯(cuò)的磨砂手感，而且也無法留下指紋，使得整機(jī)看起來非常整潔干凈。
          背部中間的位置設(shè)計(jì)有1300萬像素主攝像頭以及較大顆單LED閃光燈，頂部則留下了降噪麥克風(fēng)的開孔；底部的移動(dòng)4G標(biāo)志著這也是一款千元級別的4G機(jī)型。另外酷派8732還在機(jī)身周圍裝飾了一圈金色的細(xì)窄邊框裝飾條。
          酷派8732采用雙卡雙待設(shè)計(jì)，支持主卡通話過程中副卡來電也可接聽的雙通功能；4G語音方面則采用SG-LTE技術(shù)，可以滿足數(shù)據(jù)上網(wǎng)以及語音業(yè)務(wù)的同時(shí)工作，提供5模13頻全網(wǎng)絡(luò)的支持。 
          蛻變 CoolLife UI 5.5
          不同于手機(jī)本身的普通設(shè)計(jì)，酷派8732所采用的Coollife從去年底開始改變還是很大的，特別是到目前的5.5版本已經(jīng)一改往日的風(fēng)格，變得更加迎合時(shí)下流行的多彩及扁平化風(fēng)格。不過無論是圖標(biāo)、文件夾設(shè)計(jì)等等都有些MIUI的影子。
          酷派8732的Coollife UI 5.5也為通知中心加入了毛玻璃的設(shè)計(jì)，兼具功能性與美觀的考慮；另外該UI當(dāng)中比較值得稱贊的就在于桌面不同主屏之間的動(dòng)態(tài)插件，無論是音樂播放器、應(yīng)用商店還是新聞中心等小窗口的設(shè)計(jì)都大有改觀。
          另外酷派Coollife深諳國內(nèi)用戶對于個(gè)性化的強(qiáng)烈需求，“酷秀”當(dāng)中提供的定制內(nèi)容也堪稱豐富；從整體的系統(tǒng)主題、到壁紙、鎖屏、系統(tǒng)字體以及局部系統(tǒng)級APP的配色方案等等，不一而足。而使用起來也是基本能夠一鍵搞定的，比如更換字體就不需要任何重啟等操作，下載完字體的ttf文件就可以直接更換。
          接下來讓我們一起來對比一下三款產(chǎn)品的多媒體表現(xiàn)。
          1080p格式視頻測試結(jié)果
          1300萬像素?cái)z像頭樣張表現(xiàn)
          拍照上，酷派8732采用了主流級別的1300萬像素的后置攝像頭，而功能上則跟擁有Coollife UI 5.5的機(jī)型一樣擁有豐富的拍照模式，例如：畫中畫、軌跡拍照、弱光拍照、美容拍照、留聲拍照、背景移除等功能。
          直接來看樣張表現(xiàn)，由于拍攝地天氣不佳，因此可著重對比室內(nèi)樣張表現(xiàn)。
          焦距:4mm 光圈:f/2.0 ISO感光度:100 
          焦距:4mm 光圈:f/2.0 ISO感光度:100 
          焦距:4mm 光圈:f/2.0 ISO感光度:100 
          焦距:4mm 光圈:f/2.0 ISO感光度:100 
          室外的糟糕天氣還是對酷派8732的測光表現(xiàn)有一定程度的影響，大光比條件下畫面明暗對比強(qiáng)烈，細(xì)節(jié)確實(shí)比較嚴(yán)重；光照充分的條件下這樣的情況應(yīng)該有所改觀。而在室內(nèi)條件下，酷派8732的曝光表現(xiàn)還是可以令人滿意的，畫面對比度仍然略高，部分樣張白平衡略有偏差。
          驍龍400處理器平臺簡介
          酷派8732也不出所料的采用了千元4G機(jī)廣泛采用的驍龍400平臺，驍龍400系列是屬于高通移動(dòng)芯片解決方案的中端級別產(chǎn)品，其有雙核、四核兩種核心數(shù)量版本，雙核版本有1.7GHz主頻Krait 300 CPU和1.2GHz主頻Krait 200 CPU兩種核心架構(gòu)，四核版本為最高1.6GHz主頻ARM Cortex-A7 CPU核心架構(gòu)。
          型號包括有8028、 8228、 8628、 8928、 8926、 8030AB、8226、8230、8230AB、8626、8630、8630AB、8930、8930AB多種。
          其中型號MSM8x26為2012年底發(fā)布，采用四核Cortex-A7微架構(gòu)，最高主頻為1.2GHz（后升級至1.6GHz），被Moto G、中興紅牛V5以及諸多已經(jīng)誕生的千元4G手機(jī)所采用。
          CPU-Z是電腦端一款家喻戶曉的檢測軟件，該軟件主要能夠檢測到CPU的名稱、代號、核心電壓、工藝、緩存、總線速度、插槽類型等等信息，之后又加入了對主板、內(nèi)存、顯卡等信息檢測功能，是電腦端一款非常全面的硬件檢測軟件，能夠令用戶清楚的了解到自己電腦的硬件情況。
          超級兔子系統(tǒng)評測AnTuTu Benchmark是一個(gè)專門給Android系統(tǒng)的手機(jī)、平板電腦硬件跑分的軟件，它能一鍵運(yùn)行完整測試項(xiàng)目，通過內(nèi)存性能、CPU整數(shù)性能，CPU浮點(diǎn)性能、2D、3D繪圖性能、數(shù)據(jù)庫I/O、SD卡讀、寫速度等多項(xiàng)性能測試，并對手機(jī)的整體和單項(xiàng)硬件性能做出評分。同時(shí)上傳分?jǐn)?shù)并查看該設(shè)備在世界的排名。
          Vellamo是由Qualcomm（高通公司）開發(fā)的一個(gè)基準(zhǔn)測試應(yīng)用（類似于Neocore），它可以讓你對手機(jī)瀏覽器的性能及穩(wěn)定性進(jìn)行測試，包括像Java腳本性能、渲染、聯(lián)網(wǎng)和用戶界面等。該工具的結(jié)果同樣包括多個(gè)子項(xiàng)，但我們只取總成績，分?jǐn)?shù)越高則表明手機(jī)對瀏覽器的優(yōu)化程度越高，網(wǎng)頁瀏覽體驗(yàn)更好。
          Vellamo作為一種手機(jī)網(wǎng)頁標(biāo)尺工具，如今已擴(kuò)展至包括兩個(gè)主要模塊。HTML5模塊可用來評估移動(dòng)網(wǎng)頁瀏覽器性能，而Metal模塊可對移動(dòng)處理器的CPU子系統(tǒng)性能進(jìn)行測量。測試套件點(diǎn)擊即用，方便快捷，分模塊進(jìn)行管理，Vellamo可對滾動(dòng)縮放，3D圖形，視頻性能，內(nèi)存讀寫，帶寬峰值性能等諸多方面進(jìn)行評估。 
          評測總結(jié)：
          與今年酷派推出的眾多機(jī)型一樣，酷派8732并沒有旗艦產(chǎn)品線那樣出彩的特點(diǎn)以及性能，總體印象只有均衡二字；比較值得稱贊的地方在于后殼的設(shè)計(jì)，雖然材質(zhì)并沒有多高大上但是手感尚可；CoolLife UI的美觀程度也相比一年前大有改觀；驍龍400尚能滿足普通用戶的性能需求。整機(jī)的賣點(diǎn)還是偏向于大屏以及4G網(wǎng)絡(luò)的支持，對于想要平價(jià)享用4G的用戶來說是個(gè)不錯(cuò)的選擇。
          交互這個(gè)概念我們經(jīng)常提及，是指以反映系統(tǒng)狀態(tài)或者幫助用戶防錯(cuò)的方式給予用戶反饋。因此，頁面跳轉(zhuǎn)方式也屬于微交互的范疇。筆者為我們講述了常見的幾種頁面跳轉(zhuǎn)方式，以及使用原因。
          開始正文之前，請大家站在開發(fā)的角度，先了解一個(gè)基礎(chǔ)概念：移動(dòng)端開發(fā)目前會有兩種常用方式，即Native App與Web App，也就是我們通常提到的“原生頁面與H5頁面”。
          原生頁面：使用原生系統(tǒng)內(nèi)核開發(fā)，直接在系統(tǒng)上操作。
          優(yōu)點(diǎn)：可靈活實(shí)現(xiàn)多種交互與視覺設(shè)置；響應(yīng)速度快用戶不會有跳出感；需要調(diào)用相機(jī)或指紋功能等機(jī)能操作時(shí)，原生有其不可替代性；便于維護(hù)用戶數(shù)據(jù)和粘度等。
          缺點(diǎn)： iOS迭代周期嚴(yán)重受限（提交官方應(yīng)用商店審核）；Android兼容性差；用戶使用成本相對高（這也是推出小程序的初衷之一）；開發(fā)成本相對高等。
          H5頁面：HTML5的簡稱，它是一種高級網(wǎng)頁標(biāo)準(zhǔn)。
          優(yōu)點(diǎn)：迭代速度快；兼容性強(qiáng)；易于傳播且使用成本低；開發(fā)成本低等。
          缺點(diǎn)：受限于屏幕及瀏覽器尺寸，單屏展示空間有限；通過遠(yuǎn)程服務(wù)器獲取數(shù)據(jù)，頁面響應(yīng)耗時(shí)長；無法滿足個(gè)性化的交互設(shè)置等。
          一、移動(dòng)端APP頁面跳轉(zhuǎn)方式
          今天討論的主題是移動(dòng)端APP中原生頁面的跳轉(zhuǎn)方式。
          從交互角度定義這個(gè)概念：“在當(dāng)前頁面，觸發(fā)某個(gè)交互動(dòng)作之后，頁面之間是如何轉(zhuǎn)換的”。
          需要明確的是：自然的跳轉(zhuǎn)與承接方式、整個(gè)應(yīng)用內(nèi)類似場景的跳轉(zhuǎn)一致性，既可以幫助用戶更好的建立對產(chǎn)品的認(rèn)知，也有利于降低用戶的使用成本。
          一個(gè)應(yīng)用內(nèi)可能包含有多種不同的跳轉(zhuǎn)方式，設(shè)計(jì)師在設(shè)計(jì)考量時(shí)需要把握好兩點(diǎn)：
          1. 區(qū)分主輔：主要的頁面跳轉(zhuǎn)方式，以及輔助型頁面跳轉(zhuǎn)方式。
          2. 區(qū)分場景：明確跳轉(zhuǎn)前后頁面之間的關(guān)系。
          二、常見的頁面跳轉(zhuǎn)方式
          1. 水平方向跳轉(zhuǎn)
          可以細(xì)分為兩種具體的跳轉(zhuǎn)方式：左右平移和覆蓋平移。
          （1）目前絕大多數(shù)應(yīng)用，頁面在水平方向切換，采用“左右平移和覆蓋平移結(jié)合的方式”。
          下圖示例：淘寶APP，由列表頁進(jìn)入詳情頁的頁面轉(zhuǎn)換。仔細(xì)觀察會發(fā)現(xiàn)頁面跳轉(zhuǎn)過程中：背景頁面在水平方向只移動(dòng)了部分距離，之后被新頁面覆蓋替換。
          （2）也有部分應(yīng)用，頁面跳轉(zhuǎn)主要方式是：完全的覆蓋平移。
          下圖示例：網(wǎng)易嚴(yán)選APP，商品列表展示頁面跳轉(zhuǎn)至商品詳情頁的過程中，背景頁面并未在水平方向移動(dòng)，新頁面滑入后覆蓋在背景頁面之上。
          2. 豎直方向跳轉(zhuǎn)
          （1）如果跳轉(zhuǎn)前后的頁面存在比較緊密的強(qiáng)關(guān)聯(lián)性，不想讓用戶感知到前后頁面有明顯的隔離感。適合采用“當(dāng)前頁面給出浮層展示新頁面”的方式。
          下圖示例：輕芒雜志APP，在文章詳情頁查看本篇文章的全部評論時(shí)，文章詳情頁以遮蓋浮層的形式展示用戶的全部評論。
          （2）若用戶在未跳轉(zhuǎn)前的頁面執(zhí)行了某個(gè)操作，觸發(fā)的新頁面目的是執(zhí)行重要且臨時(shí)性的操作，適合采用“在未跳轉(zhuǎn)前的頁面，從下至上彈出新頁面，且完全遮蓋”。
          下圖示例：印象筆記APP，創(chuàng)建是工具類應(yīng)用的核心功能，若未完成新建筆記，則無法查看其他頁面。
          3. 頁面收縮轉(zhuǎn)換
          這種頁面轉(zhuǎn)換方式類似于Material design的懸浮按鈕，點(diǎn)擊后由一個(gè)點(diǎn)放大到覆蓋原有頁面，在新頁面點(diǎn)擊關(guān)閉，頁面縮小恢復(fù)至前一個(gè)頁面的默認(rèn)狀態(tài)。這句話解釋起來有點(diǎn)繞口，以下圖微信APP的浮窗功能示例說明：
          4. 頁面漸變消失/出現(xiàn)
          這種方式是在原有頁面上漸變出現(xiàn)或消失，不存在某個(gè)方向的移動(dòng)，使界面操作輕量化，為用戶建立一種緩壓的心智。
          下圖示例：騰訊視頻APP，在首頁點(diǎn)擊導(dǎo)航欄右側(cè)“更多分類”按鈕，全部頻道頁面在首頁之上漸變出現(xiàn)，點(diǎn)擊全部頻道頁面的關(guān)閉按鈕，頁面漸變消失。
          5. 翻頁效果
          在一些讀書類、電子雜志、電子報(bào)刊等移動(dòng)應(yīng)用中，瀏覽翻頁可以設(shè)置為模仿現(xiàn)實(shí)生活中紙張翻頁的效果。
          如下圖示例：掌閱APP，閱讀書籍時(shí)頁面切換的翻頁效果。
          6. 頁面轉(zhuǎn)場動(dòng)效
          目前很多應(yīng)用中加入了操作流暢的微動(dòng)效，頁面之間不再是直觀的某個(gè)方向滑動(dòng)，而是使用動(dòng)效引導(dǎo)用戶的視線聚焦。使用動(dòng)效的目的是錦上添花，在應(yīng)用滿足可用性和易用性的條件下，巧妙使用微交互中的動(dòng)效，既可以無形中更好的引導(dǎo)用戶操作，又可以給用戶帶來愉悅的使用體驗(yàn)。
          下圖示例：最美應(yīng)用APP頁面切換的動(dòng)效。
          三、總結(jié)
          文章結(jié)合案例闡述目前移動(dòng)應(yīng)用中，原生頁面之間幾種常用的跳轉(zhuǎn)方式，并嘗試簡要說明使用的原因。很多應(yīng)用會綜合上面舉例的多種跳轉(zhuǎn)方式，判斷使用的頁面跳轉(zhuǎn)方式是否恰當(dāng)，要綜合考量具體的跳轉(zhuǎn)場景、以及整個(gè)應(yīng)用規(guī)范的一致性。
          未來隨著折疊屏的普及、人工智能技術(shù)與場景的完善，移動(dòng)應(yīng)用頁面之間的跳轉(zhuǎn)方式也將不斷迎來新的變化，例如：目前部分應(yīng)用的3D/VR/AR技術(shù)的落地。需要設(shè)計(jì)師既能在現(xiàn)有資源和技術(shù)的框架下提出高效方案，又能不斷探索突破應(yīng)對未來的變化。
          作者：Viksea，微信公眾號：Viksea（ID：viksea-ux）
          本文由 @Viksea 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
          題圖來自 Unsplash，基于 CC0 協(xié)議
          、什么是SVG？
          • SVG 指可伸縮矢量圖形 (Scalable Vector Graphics)；
          • SVG 用于定義用于網(wǎng)絡(luò)的基于矢量的圖形；
          • SVG 使用 XML 格式定義圖形；
          • SVG 圖像在放大或改變尺寸的情況下其圖形質(zhì)量不會有損失；
          • SVG 是萬維網(wǎng)聯(lián)盟的標(biāo)準(zhǔn)；
          二、SVG的優(yōu)勢
          • SVG 圖像可通過文本編輯器來創(chuàng)建和修改；
          • SVG 圖像可被搜索、索引、腳本化或壓縮；
          • SVG 是可伸縮的；
          • SVG 圖像可在任何的分辨率下被高質(zhì)量地打?。?/li>
          • SVG 可在圖像質(zhì)量不下降的情況下被放大；
          三、使用SVG繪制圓形
          <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(biāo)題文檔</title>
</head>
<body>
 <svg xmlns="http://www.w3.org/2000/svg" height="500px" width="500px" version="1.1">
 <circle cx="200" cy="100" r="100" stroke="#afeedd"
 stroke-width="5" fill="#f0ddff" />
 </svg>
</body>
</html>

          • <svg>標(biāo)簽中height和width屬性是設(shè)置SVG文檔的高寬，version屬性可定義所使用的 SVG 版本，xmlns 屬性可定義 SVG 命名空間；
          • <circle>是SVG中用來創(chuàng)建圓形的標(biāo)簽，cx 和 cy 屬性定義圓中心的 x 和 y 坐標(biāo)，如果忽略這兩個(gè)屬性，那么圓點(diǎn)會被設(shè)置為 (0, 0)，r屬性定義圓的半徑；
          • stroke 和 stroke-width 屬性控制如何顯示形狀的輪廓，fill 屬性設(shè)置形狀內(nèi)的顏色；
          • 我們看一下演示效果圖：
          1.png

          四、使用SVG繪制矩形
          <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(biāo)題文檔</title>
</head>
<body>
 <svg xmlns="http://www.w3.org/2000/svg" width="500px" height="500px" version="1.1">
 <rect x="50" y="100" width="300" height="150"
 style="fill:rgb(145,245,255);stroke-width:5;stroke:#EE799F;fill-opacity:0.9;stroke-opacity:0.9;"/>
 </svg>
</body>
</html>

          • rect 元素的 width 和 height屬性可定義矩形的高度和寬度；
          • style 屬性用來定義 CSS 屬性
          • CSS 的 fill 屬性定義矩形的填充顏色（rgb 值、顏色名或者十六進(jìn)制值）；
          • CSS 的 stroke-width 屬性定義矩形邊框的寬度；
          • CSS 的 stroke 屬性定義矩形邊框的顏色；
          • 屬性定義矩形的左側(cè)位置，y 屬性定義矩形的頂端位置
          • CSS 的 fill-opacity 屬性定義填充顏色透明度，取值為0-1；
          • CSS 的 stroke-opacity 屬性定義輪廓顏色的透明度，取值為0-1；
          • 我們看一下效果演示圖：
          2.png

          五、使用SVG繪制多邊形
          <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(biāo)題文檔</title>
</head>
<body>
 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500px" height="500px">
 <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:#B4EEB4;stroke:#DB7093 ;stroke-width:3;fill-rule:nonzero;"/>
 </svg>
</body>
</html>

          • <polygon> 標(biāo)簽用來創(chuàng)建含有不少于三個(gè)邊的圖形，也就是多邊形，多邊形是由直線組成，其形狀是"封閉"的；
          • points 屬性定義多邊形每個(gè)角的 x 和 y 坐標(biāo)，x和y之間用逗號隔開，坐標(biāo)與坐標(biāo)之間用空格隔開；
          • fill-rule屬性用于指定使用哪一種算法去判斷畫布上的某區(qū)域是否屬于該圖形“內(nèi)部”，它有三個(gè)有效值nonzero（非零） 、evenodd（奇偶）、inherit，默認(rèn)為nonzero；
          • 我們來看一下效果演示圖：
          3.png

          六、SVG模糊效果
          <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(biāo)題文檔</title>
</head>
<body>
 <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
 <defs>
 <filter id="keai" x="0" y="0">
 <feGaussianBlur in="SourceGraphic" stdDeviation="10" />
 </filter>
 </defs>
 <rect width="150" height="100" stroke="red" stroke-width="5"
 fill="#7EC0EE" filter="url(#keai)" />
 </svg>
</body>
</html>

          • <filter>元素id屬性定義一個(gè)濾鏡的唯一名稱；
          • <feGaussianBlur>元素定義模糊效果；
          • in="SourceGraphic"這個(gè)部分定義了由整個(gè)圖像創(chuàng)建效果；
          • stdDeviation屬性定義模糊量；
          • <rect>元素的濾鏡屬性用來把元素鏈接到"f1"濾鏡，這里是一個(gè)矩形；
          • 效果演示圖：
          4.png

          七、SVG 陰影
          <body>
 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500px" height="500px">
 <defs>
 <filter id="myImg" x="0" y="0" width="200%" height="200%">
 <feOffset result="offOut" in="SourceGraphic" dx="10" dy="10" />
 <feColorMatrix result="matrixOut" in="offOut" type="matrix" values="0.2 0 0 0 0 0 0.2 0 0 0 0 0 0.2 0 0 0 0 0 1 0"/>
 <feGaussianBlur result="blurOut" in="matrixOut" stdDeviation="10" />
 <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
 </filter>
 </defs>
 <rect width="200" height="200" stroke="#90EE90" stroke-width="5" fill="#FFEFDB" filter="url(#myImg)" />
 </svg>
</body>

          • <defs>元素定義短并含有特殊元素（如濾鏡）定義；
          • <filter>標(biāo)簽用來定義SVG濾鏡，<filter>標(biāo)簽使用必需的id屬性來定義向圖形應(yīng)用哪個(gè)濾鏡；
          • <feOffset>元素是用于創(chuàng)建陰影效果；
          • <feColorMatrix>過濾器是用來轉(zhuǎn)換偏移的圖像使之更接近黑色的顏色；
          • <feGaussianBlur>元素的stdDeviation屬性定義了模糊量；
          • 演示圖：
          5.png

          八、SVG漸變
          <body>
 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500px" height="500px">
 <defs>
 <linearGradient id="yuan" x1="0%" y1="0%" x2="100%" y2="0%">
 <stop offset="0%" style="stop-color:rgb(238,210,238);stop-opacity:1" />
 <stop offset="100%" style="stop-color:rgb(255,250,205);stop-opacity:1" />
 </linearGradient>
 </defs>
 <ellipse cx="200" cy="200" rx="150" ry="80" fill="url(#yuan)" />
 </svg>
</body>

          • 漸變是一種從一種顏色到另一種顏色的平滑過渡。另外，可以把多個(gè)顏色的過渡應(yīng)用到同一個(gè)元素上；
          • <linearGradient>元素用于定義線性漸變，<linearGradient>標(biāo)簽必須嵌套在<defs>的內(nèi)部；
          • <linearGradient>標(biāo)簽的id屬性可為漸變定義一個(gè)唯一的名稱；
          • <linearGradient>標(biāo)簽的X1，X2，Y1，Y2屬性定義漸變開始和結(jié)束位置；
          • 漸變的顏色范圍可由兩種或多種顏色組成，每種顏色通過一個(gè)<stop>標(biāo)簽來規(guī)定，offset屬性用來定義漸變的開始和結(jié)束位置；
          • 演示圖：
          6.png
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
人妻少妇久久中文字幕一区二区|
日韩人妻无码一区二区三区|
国产美女精品一区二区三区|
亚洲一区精彩视频|
国产精品第一区揄拍无码|
男女久久久国产一区二区三区|
国产一区二区三区无码免费
|
精品亚洲综合在线第一区|
成人精品一区二区三区校园激情|
激情一区二区三区|
一区二区网站在线观看|
在线观看视频一区二区|
亚洲一区无码中文字幕乱码|
中文字幕一区二区三区在线不卡
|
日本一区二区三区精品国产|
午夜影院一区二区|
天堂资源中文最新版在线一区|
精品国产免费一区二区三区
|
美女视频一区二区|
亚洲AV无码片一区二区三区|
亚洲成AV人片一区二区密柚
|
波多野结衣中文字幕一区二区三区
|
精品伦精品一区二区三区视频|
国产精品视频一区国模私拍|
蜜桃无码AV一区二区|
久久精品国产一区二区三区日韩|
久久亚洲中文字幕精品一区|
日本一区二区高清不卡|
国产一区二区三区在线电影|
久久精品无码一区二区三区免费
|
国产91久久精品一区二区|
日本欧洲视频一区|
国产区精品一区二区不卡中文|
国产美女视频一区|
日本一区二区三区高清|
中文日韩字幕一区在线观看|
精品日本一区二区三区在线观看
|
亚洲熟妇av一区|
亚洲Av高清一区二区三区|
97久久精品无码一区二区天美|
91精品一区二区综合在线|