掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 5339|回复: 7

[使用求助] 有什么办法能让高度大的图片在anki中完美显示呢?

[复制链接]

该用户从未签到

发表于 2016-12-24 00:45:02 | 显示全部楼层 |阅读模式
本帖最后由 henices 于 2018-3-1 15:09 编辑
7 n8 s: k, q7 F' M/ z1 Q, l+ Q7 N9 \8 M
在尝试利用制作的图片词典转anki进行内容记忆时,我发现高度height如果超过屏幕能直接显示的部分时,图片会自动缩小,这样就看不清图片中的内容了,像md,gd都可以对超出屏幕的部分用滚动条滑动观看,可是anki只有文字才能使用滚动条,图片却不可以,即anki对现实的图片有范围限制
$ a! T* M- `! J+ P) u0 _2 E' z' V" P* [: ?; _7 s
尝试了多个addon之后还是无解,zoom之后会使得图片的显示出现问题,也是没法解决
+ u* V6 J* |- T& V& i- e3 k$ W1 x( L+ M2 i: I3 g1 I! K
不知道这是不是一个无解的问题,即anki是不是只适合高度小的图片,在这里向各位大侠请教!

该用户从未签到

发表于 2016-12-24 02:23:02 | 显示全部楼层
屏幕横向显示呢?

该用户从未签到

 楼主| 发表于 2016-12-24 13:07:30 | 显示全部楼层
chigre3 发表于 2016-12-24 02:236 t' v: O4 a; s5 w" t  S, e4 D/ O9 c
屏幕横向显示呢?

. \! h' z5 Y5 `' s- o$ I- I$ ~横向的话虽然有可能解决问题,但可是阅读就稍微有点麻烦了。。。

该用户从未签到

发表于 2017-5-11 18:34:40 | 显示全部楼层
img{max-width: none; max-height: none;} 加在前后页中你加图片的代码后面

该用户从未签到

发表于 2017-5-24 11:02:19 | 显示全部楼层
anki 的图片词典在哪里加载?
  • TA的每日心情
    慵懒
    2018-10-24 13:08
  • 签到天数: 30 天

    [LV.5]常住居民I

    发表于 2017-5-24 16:16:50 | 显示全部楼层
    ronmiao 发表于 2017-5-11 18:34
    ; A3 U$ s8 O1 h% b( Zimg{max-width: none; max-height: none;} 加在前后页中你加图片的代码后面

      M) Y( d. P- `7 F就是这样

    该用户从未签到

    发表于 2017-5-26 15:27:47 | 显示全部楼层

    + M- ^) l6 V. Y3 X不知是否是这样的效果(见图):
    ' y' V9 N/ u9 s# z竖图' s2 {+ t0 v  D) n, @# p6 |0 L
    , |* t" |6 e3 A3 a! W: j+ p* a

    # A8 R$ x9 s5 R- l( o3 V4 t6 h- ~* a8 n5 ~( v
    横图
    4 o# i# r2 W0 l) A% I7 V* k
    + w% M1 F0 J% {) R) I1 b1 Y/ Z9 f6 B" b; H
    + R7 @- `% {* _
    用css来显示区域的大小., _4 O: `9 L3 p4 f8 _2 @
    首先要知道图片的大小. 在同一套卡片的所有图片的大小最好大致相当. 取个适当的大小值.) F" S* Z8 a, K8 [! \
    比如竖图像素为: 552 x 1250
    5 \  h1 h: C5 S* j用css显示比图像大小要大的区域. 假设为 600 x 1280; ?  v: @& p. I
    (取小了, 图片会自动缩小.)
    3 f4 B  S* X% F  F5 l, E. E9 W8 x3 n. ~5 H5 u
    1, 在Styling区内后面加上css:
    $ s9 G! i+ q5 V3 k% y/ m! W5 @4 L# x/ Z2 ]# n
    .img{width:600px;height:1280px;}! S, v0 _) b3 U6 v" Q

    , j$ ]) Z# E! b, b9 U# L2, 在Back Template区的字段加上标签./ z" j+ \% F3 v$ P( u$ O# C" M
    比如原来的字段为:
    8 j6 Z3 L5 ~  S. L) u7 E{{Back}}
    : U+ {) M" E$ M' D1 o/ ]3 u
    ! z& x% x' ^( ?- u( X' H加上之后为:
    ; U9 Q9 c: G) F! X# s. E2 t<div class="img">{{Back}}</div>+ p- @& N3 O6 y' v

    : P1 p6 H# H4 U/ D, G( X3 `效果就是Anki的答案区的图片显示区域为: 600 x 1280像素了.
    ; i# t# [3 v5 ~+ y- z3 Z" [4 [0 ?6 T  Y; n; w4 b7 D- H$ a7 n. w8 h/ B
    # e4 h- ~& H6 u& k# @1 e9 M1 {0 J" d
    如果横图为: 1250 x 552
    1 l. e5 l; Q9 f- u- k7 m; K7 b则为:  K9 z5 k5 Y/ d, j  Q7 T  M. D$ V
    .img{width:1280px;height:600px;}; O- R, E5 H. i3 J0 d

    ! P# i' T4 ^% h/ m- [7 D3 P7 f3 a
    : c: l6 E/ n- [如果设置为:" c# J, q: N7 K/ r3 q! _
    .img{width:1280px;height:1280px;}, i# ^* W& Q( d9 }" D, l
    那么显示区域会很大, 在下就不知道如何设置图片居中了.( s4 Q, V. w0 a# c$ {$ Q9 V

    $ }& i8 b4 p. j- R- a( E适逢有用, 偶然所得. 希望没有理解错误.6 `: T$ Z. `  F% d- b2 t

    本帖子中包含更多资源

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

    x

    该用户从未签到

    发表于 2017-5-27 12:54:31 | 显示全部楼层

    4 |+ R4 S3 n+ W! }: V6 ^还是ronmiao大神的方法方便快捷. 赞叹啊.' ?: V5 G2 W# Q( }( G: R2 O
    + K" s# S% A' v( p( O
    只要在在卡片的Styling区里加上) V* ?( A3 g! ?8 q  T3 M! ~. S
    img{max-width:none;max-height:none;}
    1 P+ s, k) z7 ], ?' w7 M
    6 k: P  x* P2 y2 R& w- {& X+ Y6 }图片也可以自动居中. 不管是竖图或横图. 不用管是什么字段名了, 只要卡片内容里有<img>标签都适用.0 z  ~" `/ w6 n1 M/ E% C! ]; h4 S
    非常方便快捷妥当. 不用搞得一头烟. 再赞一个. 谢谢.
    ( Z7 F' q; p0 j8 X& m. \
    : R7 w6 r8 l: T; Z+ ~1 K2 ~官方网站可以参考.
    / S5 X) G1 v' p1 y4 f2 F+ \9 _https://apps.ankiweb.net/docs/manual.html#card-styling9 X' c6 K: `! z7 n
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2024-3-29 09:52 , Processed in 0.040104 second(s), 10 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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