1.上傳圖片:點(diǎn)開(kāi)編輯器找到上傳圖片按鈕,選擇一張本地圖片




2.編輯圖片:雙擊圖片 - 進(jìn)入編輯頁(yè)面




3.喚醒圖片面板:點(diǎn)擊“圖片”樣式的按鈕 - 打開(kāi)圖片編輯面板,假設我們設置圖片寬度為400px

   右側紅框內開(kāi)關(guān)開(kāi)啟后,圖片將默認等比放大(或縮?。┲脸錆M(mǎn)寬度400px容器的寬度




4.圖片比例:圖片顯示部分的比例,您可以選擇1:1/16:9/3:4等比例,當然,比例是以剛才設置的400px寬度為基礎的




5.圖片顯示的中心點(diǎn)調整:這一步是延續上一步的擴展功能 

圖片在4.中設置的比例為基礎,拖動(dòng)如圖紅框中的圓圈,即可使圓圈位置為中心點(diǎn)(或者您可以理解為顯示的視覺(jué)焦點(diǎn))




6.圖片遮罩功能:將圖片蒙上一個(gè)顏色,來(lái)適應當前整體頁(yè)面的風(fēng)格,顏色還能調整透明度,太實(shí)用了~





7.添加超鏈接:在鏈接框中填入網(wǎng)址(http開(kāi)頭哦),打開(kāi)紅框中所示的開(kāi)關(guān),點(diǎn)擊圖片將會(huì )跳轉到您剛才填入的鏈接地址




8.投影功能:圖片編輯器預設了大中小三種投影效果,可直接使用,也可點(diǎn)擊“太陽(yáng)圖標”自行調節投影效果(見(jiàn)圖二示例)




9.圓角功能:在“設計”分欄中,我們可以給圖片設置“圓角”,這里有一個(gè)特別有趣的功能,您可以給圖片的四個(gè)角同時(shí)設置相同的圓角度數,也可以點(diǎn)一下紅框中的“關(guān)聯(lián)圖標”,單獨設置圖片每個(gè)角不同的圓角度數



10.邊框功能:在邊框功能中,您可以給圖片添加三種描邊形式。分別是:實(shí)線(xiàn)描邊、虛線(xiàn)描邊、點(diǎn)線(xiàn)描邊,也可單獨設置四條邊的數據,呈現有趣的效果