請賜教: 如何批次在圖片兩邊加上色彩條或類似

喬治兄

! u7 l+ F+ e0 i" d% r
請賜教: 如何批次在圖片旁邊加上色彩條或類似且可否按圖片比例的加上
8 i( o, g# T1 _想左右兩邊都加上各4條或各8條每段等長且需避開起始的頁碼區域
) j# w4 H8 ~* {) X% I大概如下圖:
/ I  ?9 R9 |% f6 [6 M請各位同好不吝賜教.......Thanks a lot.



- N$ {+ M7 i- ~" t) S7 N8 p6 t
& n0 T1 d9 b- Q  B& @

oversky

  _; Y1 G; h) v3 u! s) N
先划好两边的色彩条，再用有浮水印功能的软体套上去。
, W6 H7 r% V" e6 i( J可以试试 XnViewer.
( f2 v+ b5 h1 E) G
8 m6 g, H, s1 ?不过这要左右两边有留白的空间。
0 V/ K- E* R, ]- P4 F% @2 A5 _如果已经切边，就要找影像合并( merge )的软体.

喬治兄

oversky 发表于 2020-7-17 08:40
先划好两边的色彩条，再用有浮水印功能的软体套上去。
0 m. q% A9 e8 g3 r可以试试 XnViewer.

. r& i. I- p; ~) P# M3 L5 e2 Roversky 兄，可否再次明示過程，不是很清楚，色彩條如何畫的準確呢，還有，是否是搞成一個獨立的檔案後再去結合呢？謝謝

oversky

喬治兄 发表于 2020-7-17 08:49
& Y1 U9 C# e; D! V9 ?5 Xoversky 兄，可否再次明示過程，不是很清楚，色彩條如何畫的準確呢，還有，是否是搞成一個獨立的檔案後再 ...

对，这两个思路都是搞成一个独立的档案后再去结合。
$ a$ G2 _% r5 ?" s
& h5 y" \, |% O5 ]* L至于色彩条如何画的准确，
可以把图片显示比例放大到可以看到像素，
3 S2 t1 [3 N4 F$ ]或是滑鼠的 dpi 调到最小，
1 x# y' C( Z& m, c都可以让操作轻松些。
/ t  W) N! g5 C7 ^' t3 l* W
刚刚想到，不知可不可以用 html background image 的方式套出来。

喬治兄

1 r# O$ u/ h0 e+ C  A" Q

oversky 发表于 2020-7-17 09:18
对，这两个思路都是搞成一个独立的档案后再去结合。
' \6 b; K$ s- w0 o+ H1 a
' n  h- a, D5 N- R3 o至于色彩条如何画的准确，

oversky 兄，太好了！真是打醒夢中人呀！，也可以不用畫，就只要并列就可以，用 html 標簽搞兩邊和圖像并列然後可調比例的對上就行了！只要跟著圖片放大縮小比例一起變動就好了！

VimVim

建议直接使用CSS实现，更加方便。

喬治兄

" S7 h) e* d+ s

VimVim 发表于 2020-7-17 11:38
建议直接使用CSS实现，更加方便。

7 k; [# y8 @3 [( c! g4 A0 l
VimVim 兄，請手把手教一下，真的不太會搞，不知怎麼把圖片和 HTML ,css ，可以一起連動且不會跑偏，謝謝啦！
( o, l8 N/ w5 Z0 F5 p0 A
+ P  W5 |; @; X

VimVim

直接CSS确实要好好想想，但用table可以很容易实现。
左边空栏，分6行：header,1,2,3,4, footer. 其中，header和footer对应页眉页脚。
9 @( z* z1 q: x0 R( y右边图片。

VimVim

" N: ~' u4 e$ `0 ~! k使用table + CSS实现，宽度、高度、色彩等都可以在css中指定，还包括了header和footer，也可以在CSS中定义样式，案例中透明，详见附件：



效果图如下：

, K, X' }* X, t+ {' ]$ f

喬治兄

VimVim 发表于 2020-7-17 20:54
2 l% V; s9 _% M. l0 p1 L使用table + CSS实现，宽度、高度、色彩等都可以在css中指定，还包括了header和footer，也可以在CSS中定义 ...

VimVim 兄:
太感謝了.....太強了
. D3 g% r1 z; f* u  T