直播平臺原始碼,多種方法實現圖片複雜排列
直播平臺原始碼,多種方法實現圖片複雜排列
1. minipage
適用於對所有子圖分別命名時。
\documentclass{article} \usepackage{graphicx} \usepackage{subfig} \begin{document} \begin{figure*}[!h] \centering \begin{minipage}[b]{0.45\linewidth} \subfloat[Husky]{\label{fig:1(a)} \includegraphics[width=2in]{dog_1.png}} \end{minipage} \begin{minipage}[b]{0.27\linewidth} \subfloat[Tibetan Mastiff]{\label{fig:1(b)} \includegraphics[width=1.15in]{dog_2.png}} \\ % 換行 \subfloat[Alaska]{\label{fig:1(c)} \includegraphics[width=1.15in]{dog_3.png}} \\ % 換行 \subfloat[Labrador]{\label{fig:1(d)} \includegraphics[width=1.15in]{dog_4.png}} \end{minipage} % 中間不空行代表不換行 \begin{minipage}[b]{0.2\linewidth} \subfloat[Pastoral]{\label{fig:1(e)} \includegraphics[width=2in]{dog_5.png}} \end{minipage} \end{figure*} \end{document}
2. subfloat
適用於一列子圖只命名一次時。
\documentclass{article} \usepackage{graphicx} \usepackage{subfig} \usepackage{subfloat} \begin{document} \begin{figure*}[!h] \centering \subfloat[The first dog.]{ \begin{minipage}[b]{0.45\linewidth} \includegraphics[width=2.02in]{dog_1.png} \end{minipage} } % 不空行表示不換行 \subfloat[The other dogs.]{ \begin{minipage}[b]{0.4\linewidth} \includegraphics[width=1.47in]{dog_2.png}\vspace{0.75mm} \includegraphics[width=1.47in]{dog_3.png}\vspace{0.75mm} \includegraphics[width=1.47in]{dog_4.png} \end{minipage} } \subfloat[The last dog.]{ \begin{minipage}[b]{0.5\linewidth} \includegraphics[width=2.02in]{dog_5.png} \end{minipage} } \end{figure*} \end{document}
3. subfigure
與 subfloat 同理。注意:subfig 和 subfigure 包不能同時存在。
\documentclass{article} \usepackage{graphicx} \usepackage{subfigure} \begin{document} \begin{figure}[!h] \centering \subfigure[The first dog.]{ \begin{minipage}[b]{0.3\linewidth} \includegraphics[width=1.38in]{dog_1.png} \end{minipage} } % 不空行表示不換行 \subfigure[The other dogs.]{ \begin{minipage}[b]{0.2\linewidth} \includegraphics[width=1in]{dog_2.png}\vspace{0.75mm} \includegraphics[width=1in]{dog_3.png}\vspace{0.75mm} \includegraphics[width=1in]{dog_4.png} \end{minipage} } \subfigure[The last dog.]{ \begin{minipage}[b]{0.3\linewidth} \includegraphics[width=1.381in]{dog_5.png} \end{minipage} } \end{figure} \end{document}
以上就是 直播平臺原始碼,多種方法實現圖片複雜排列,更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2935751/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 直播平臺搭建原始碼,bootstrap實現圖片輪播效果原始碼boot
- 一對一直播平臺原始碼,如何實現圖片釋出原始碼
- 直播平臺搭建,vue中實現圖片懶載入的幾種方法Vue
- 直播平臺原始碼,圖片放大瀏覽功能原始碼
- 直播平臺搭建,實現圖片縮圖功能
- 直播平臺原始碼,上傳本地圖片實現個人名片背景圖輪播原始碼地圖
- 直播平臺搭建原始碼,更改圖片透明度原始碼
- 直播平臺原始碼,vue圖片中劃框擷取部分圖片原始碼Vue
- 直播平臺原始碼,qt繪畫事件-設定背景圖片原始碼QT事件
- 直播平臺原始碼,el-button自定義圖片顯示原始碼
- 直播平臺原始碼,純JS實現左右滑動輪播圖原始碼JS
- 直播平臺原始碼,FlinkSQL實現行轉列原始碼SQL
- 直播平臺原始碼,視訊抽幀作為圖片儲存原始碼
- 直播系統原始碼,快速實現改變圖片尺寸原始碼
- 直播平臺製作,依靠C語言實現圖片輪播C語言
- 直播平臺原始碼開發,簽到功能的實現原始碼
- 直播平臺原始碼,迴圈滾動RecyclerView的實現原始碼View
- 手機直播原始碼,實現圖片瀑布流式滑動效果原始碼
- 直播電商平臺開發,釋出多圖片上傳到伺服器並實現圖片預覽功能伺服器
- 直播平臺原始碼,數字化大屏地圖輪播的實現echarts原始碼地圖Echarts
- 直播平臺原始碼,Android實現密碼顯示與隱藏原始碼Android密碼
- 成品直播原始碼,實現在平臺內部的搜尋原始碼
- 直播平臺原始碼,Android自定義View實現呼吸燈效果原始碼AndroidView
- 直播平臺原始碼,RecycleView實現item重疊水平滑動原始碼View
- 視訊直播原始碼,css實現圖片對角邊框線原始碼CSS
- app直播原始碼,平臺登入頁面實現和修改密碼頁面實現APP原始碼密碼
- 直播平臺搭建原始碼,使用EasyExcel實現匯入匯出功能原始碼Excel
- 直播平臺搭建原始碼,純js實現編輯器撤消/重做原始碼JS
- 直播系統app原始碼,藉助django 實現顯示圖片功能APP原始碼Django
- 影片直播系統原始碼,C語言實現圖片合成功能原始碼C語言
- 直播商城原始碼,實現商城客服聊天,傳送文字、圖片的功能原始碼
- app直播原始碼,Node.js實現密碼雜湊加密APP原始碼Node.js密碼加密
- OpenSearch & AI 開放平臺,實現0程式碼圖片搜尋!AI
- 直播平臺原始碼,bmob_gudongStpeAdd原始碼
- PHP直播平臺原始碼搭建教程PHP原始碼
- 影片直播原始碼,載入gif圖片原始碼
- 直播平臺原始碼,JavaScript 的四種除錯輸出方式原始碼JavaScript除錯
- 直播帶貨平臺原始碼,利用ProgressBar實現垂直、水平進度條原始碼