掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 402|回复: 9

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

[复制链接]
  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

    发表于 2020-7-17 07:44:07 | 显示全部楼层 |阅读模式
    本帖最后由 喬治兄 于 2020-7-17 08:11 编辑
    & }, P; Q/ k3 K* ^$ y3 S& T7 b$ x
    * ^- E7 n+ n) }0 n0 I+ U請賜教: 如何批次在圖片旁邊加上色彩條或類似且可否按圖片比例的加上
    6 W7 m2 v/ W7 c想左右兩邊都加上各4條或各8條每段等長且需避開起始的頁碼區域
    ; s4 ]/ b( e, z+ B# U3 ^  F$ g大概如下圖:
    4 T( W- X: ^  T& Y0 o( J/ Z  U請各位同好不吝賜教.......Thanks a lot.
    # N" h' l+ [' ]( c9 U
    9 X0 Z) v* s' [5 y& |& e7 m6 Z! V8 Q7 L# b/ k
    1 n% U3 A, L4 Y8 e

    7 A, ]# g% ]% }- a  f( P
      F0 J( G( g# S0 C' I8 A& ]6 H  t1 O
  • TA的每日心情
    无聊
    2022-9-25 21:09
  • 签到天数: 1136 天

    [LV.10]以坛为家III

    发表于 2020-7-17 08:40:15 | 显示全部楼层
    本帖最后由 oversky 于 2020-7-17 08:44 编辑 $ j( }5 r- z& G" M3 ~4 A

    / Q7 q! d% n, L$ d# m9 g1 `先划好两边的色彩条,再用有浮水印功能的软体套上去。
      A) B% R: x$ I3 Z4 e/ Q5 f可以试试 XnViewer.. k8 Q5 Q$ |  q" A" w
      [6 G1 h2 |  ^2 r% a. [/ k$ n
    不过这要左右两边有留白的空间。0 B2 T/ [! a2 I) c
    如果已经切边,就要找影像合并( merge )的软体. 0 q; {; L1 Y: j

    2 p* R4 c% _' k6 o; ~
    - U9 o* w3 t" ?  P& Z( S: ?
  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

     楼主| 发表于 2020-7-17 08:49:16 | 显示全部楼层
    oversky 发表于 2020-7-17 08:40: K% P3 A/ k. `  d" m) s5 Q# b
    先划好两边的色彩条,再用有浮水印功能的软体套上去。
    % b* G4 C/ g8 o$ T可以试试 XnViewer.
    $ \8 G) r" j! j- q8 @) @
    oversky 兄,可否再次明示過程,不是很清楚,色彩條如何畫的準確呢,還有,是否是搞成一個獨立的檔案後再去結合呢?謝謝
  • TA的每日心情
    无聊
    2022-9-25 21:09
  • 签到天数: 1136 天

    [LV.10]以坛为家III

    发表于 2020-7-17 09:18:27 | 显示全部楼层
    喬治兄 发表于 2020-7-17 08:49
    $ r$ G# O* [% ^1 woversky 兄,可否再次明示過程,不是很清楚,色彩條如何畫的準確呢,還有,是否是搞成一個獨立的檔案後再 ...
    4 \/ _& `7 S/ D( ]' ~) F
    对,这两个思路都是搞成一个独立的档案后再去结合。% [/ P; k7 x( ?  {+ i7 [

    0 }( x) \) }  H至于色彩条如何画的准确,7 D  `# A  n: C
    可以把图片显示比例放大到可以看到像素,
    $ Z- D3 e# p% N3 i; ?% {! x或是滑鼠的 dpi 调到最小,$ N/ Q' d7 t+ G
    都可以让操作轻松些。
    + N. U: ^+ ^* w5 M4 k8 m
    ; g) X, J4 v" a! [$ a) D0 a! G- X刚刚想到,不知可不可以用 html background image 的方式套出来。
  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

     楼主| 发表于 2020-7-17 09:34:34 | 显示全部楼层
    本帖最后由 喬治兄 于 2020-7-17 09:37 编辑
    * c+ x5 A' a9 X( j7 h2 g
    oversky 发表于 2020-7-17 09:18
      z5 D! v0 x$ z# v# T  R& Z对,这两个思路都是搞成一个独立的档案后再去结合。' i4 O  C8 V0 @5 B+ ^! l4 ]- y+ X
      l+ M7 R6 I5 o# X. }( R
    至于色彩条如何画的准确,
    ( K' D% b( ?$ b! Y) E7 o4 v
    oversky 兄,太好了!真是打醒夢中人呀!,也可以不用畫,就只要并列就可以,用 html 標簽搞兩邊和圖像并列然後可調比例的對上就行了!只要跟著圖片放大縮小比例一起變動就好了!
  • TA的每日心情
    奋斗
    2019-10-13 07:34
  • 签到天数: 209 天

    [LV.7]常住居民III

    发表于 2020-7-17 11:38:52 | 显示全部楼层
    建议直接使用CSS实现,更加方便。
  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

     楼主| 发表于 2020-7-17 11:54:39 | 显示全部楼层
    本帖最后由 喬治兄 于 2020-7-17 11:59 编辑
    9 l4 s$ z' g! H; w( w
    VimVim 发表于 2020-7-17 11:38  S- M6 c' h3 Y* V- b
    建议直接使用CSS实现,更加方便。

    9 P% P% B6 m* r- T
    ! A% w" l, J9 b: p* ZVimVim 兄,請手把手教一下,真的不太會搞,不知怎麼把圖片和 HTML ,css ,可以一起連動且不會跑偏,謝謝啦!8 `0 a, A% e: c1 c' T9 I

    4 N5 }7 k/ v0 ^
  • TA的每日心情
    奋斗
    2019-10-13 07:34
  • 签到天数: 209 天

    [LV.7]常住居民III

    发表于 2020-7-17 18:43:54 | 显示全部楼层
    直接CSS确实要好好想想,但用table可以很容易实现。- k+ L4 E* G- \! l2 e5 z4 v
    左边空栏,分6行:header,1,2,3,4, footer. 其中,header和footer对应页眉页脚。
    4 P3 c7 |/ Z: e9 o) S6 R8 I右边图片。
  • TA的每日心情
    奋斗
    2019-10-13 07:34
  • 签到天数: 209 天

    [LV.7]常住居民III

    发表于 2020-7-17 20:54:59 | 显示全部楼层
    本帖最后由 VimVim 于 2020-7-17 20:56 编辑 # U+ s+ u5 `' H; }

    4 @% I2 ^+ n' c3 v( h使用table + CSS实现,宽度、高度、色彩等都可以在css中指定,还包括了header和footer,也可以在CSS中定义样式,案例中透明,详见附件:/ j; q. a8 p# a( g2 \
    0 G2 M- J) [* q; d+ V4 _
    ) @8 v7 y( a; S1 C' ]& i0 M; v5 \
    ) }8 t: }: b% S# {! O2 V% f
    效果图如下:1 M) g$ T# f7 d% H  B& v# a

    % w7 Z# B0 O2 N9 N1 _6 [' x

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?免费注册

    x
  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

     楼主| 发表于 2020-7-17 21:06:40 | 显示全部楼层
    VimVim 发表于 2020-7-17 20:548 R) M: {# S3 D6 H" h
    使用table + CSS实现,宽度、高度、色彩等都可以在css中指定,还包括了header和footer,也可以在CSS中定义 ...
    , g. @; w5 a  ^3 J
    VimVim 兄:: a3 E* f- J5 m  h1 c4 j
    太感謝了.....太強了
    , A7 O5 P# Y$ W  d" I! E
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

    小黑屋|手机版|Archiver|PDAWIKI |网站地图

    GMT+8, 2024-4-27 07:44 , Processed in 0.060740 second(s), 9 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

    快速回复 返回顶部 返回列表