掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 5340|回复: 7

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

[复制链接]

该用户从未签到

发表于 2016-12-24 00:45:02 | 显示全部楼层 |阅读模式
本帖最后由 henices 于 2018-3-1 15:09 编辑
; c" {! {! v8 K( j0 f9 n8 C' I+ _. S, o) i. j6 Y; l$ }) y
在尝试利用制作的图片词典转anki进行内容记忆时,我发现高度height如果超过屏幕能直接显示的部分时,图片会自动缩小,这样就看不清图片中的内容了,像md,gd都可以对超出屏幕的部分用滚动条滑动观看,可是anki只有文字才能使用滚动条,图片却不可以,即anki对现实的图片有范围限制5 @2 N/ G% M; }

! V0 W2 F' j' e# z7 R尝试了多个addon之后还是无解,zoom之后会使得图片的显示出现问题,也是没法解决9 O; [$ H2 o5 j1 _( z2 Q" y6 h6 N
" Q3 J+ {' V& p; S, E* i
不知道这是不是一个无解的问题,即anki是不是只适合高度小的图片,在这里向各位大侠请教!

该用户从未签到

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

该用户从未签到

 楼主| 发表于 2016-12-24 13:07:30 | 显示全部楼层
chigre3 发表于 2016-12-24 02:239 A: c8 S3 C+ u9 t
屏幕横向显示呢?

1 f9 C  l+ ^, `' P/ G7 `横向的话虽然有可能解决问题,但可是阅读就稍微有点麻烦了。。。

该用户从未签到

发表于 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
    ) X; o+ Q$ \9 m( i8 M7 `% M0 Ximg{max-width: none; max-height: none;} 加在前后页中你加图片的代码后面

    6 p  y$ F  y2 P& Y; x就是这样

    该用户从未签到

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

    , v. [3 ]: w- D3 m' ]% v- _不知是否是这样的效果(见图):8 Q2 s5 N' X: M" G1 l' D' E3 g3 r
    竖图; o: n9 o; F8 E1 S& ~+ S

    : l4 J+ E, R/ q; m; G8 T- m# ]  a0 p8 v$ |

    ' _! e( r' Q! w& k% l! L% R, w6 N横图8 k: G' c, n& r) j0 @& C/ [3 \

    1 _5 {/ {' |4 k! a& C$ H; M# f7 d/ w

    7 j$ e- D0 H8 v用css来显示区域的大小.& {5 v$ }" q4 t/ @; U
    首先要知道图片的大小. 在同一套卡片的所有图片的大小最好大致相当. 取个适当的大小值.; e2 h. [( J9 k4 `
    比如竖图像素为: 552 x 1250
    % _/ |" v( x" a& W- X  K用css显示比图像大小要大的区域. 假设为 600 x 1280) K/ A/ ?/ ^" ]
    (取小了, 图片会自动缩小.)
    : B  n6 z5 w% s: o, ]
    ( N! `4 n) \$ ^' T1, 在Styling区内后面加上css:; [9 K3 c* W* E! A- w7 l2 A
    + {3 e9 ?* ^" W$ {
    .img{width:600px;height:1280px;}
    3 l1 y, ?0 F* y. c3 P, \. f! v6 A# f( u+ d# {
    2, 在Back Template区的字段加上标签.
    % ^' z0 e, M0 G比如原来的字段为:. e8 C2 Z% k6 K2 c# o& Y9 A
    {{Back}}; `  U! I  Z' |) Q
    & h2 B0 x! o; E4 U3 W
    加上之后为:0 r2 Y3 |; B7 n. w( ~1 h5 {! d) `
    <div class="img">{{Back}}</div>/ a( r0 E4 B& D; H& ^! ~- _
    , o+ Y/ d8 b+ G, g2 Z
    效果就是Anki的答案区的图片显示区域为: 600 x 1280像素了.
    4 K, U, I: T; m/ g# E0 P
    ! Z" ^- v& F* w7 z# U
    ' ~. v" K* R( d3 W& G如果横图为: 1250 x 552) b4 n" {8 A( ?2 p1 x
    则为:/ t& M# e) A+ a  l& g" s
    .img{width:1280px;height:600px;}
    ; |( M! {& c% i7 E; f3 ?
    - D, F  _% G7 g( `0 @- r* L
    + n6 u/ E. p% y7 y% ]6 e$ v如果设置为:
    % |' p0 G* T7 M: \1 y! I  V+ o.img{width:1280px;height:1280px;}
    / h' b6 b  U9 b: V% M那么显示区域会很大, 在下就不知道如何设置图片居中了.
    # |8 J% C- H2 _& X, Y7 w
    * }$ C% n3 T* B# ~  l适逢有用, 偶然所得. 希望没有理解错误.- Y- F$ ~- k/ G% b8 L, N

    本帖子中包含更多资源

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

    x

    该用户从未签到

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

    # R- `+ d' j! i3 U' H  Q还是ronmiao大神的方法方便快捷. 赞叹啊.
    " m( N0 O( v$ T3 O# w8 D1 J# T/ c( i* O  @4 ^! I4 I. q" N3 a
    只要在在卡片的Styling区里加上! S+ t& O  s! G  i6 K
    img{max-width:none;max-height:none;}
    , @3 R+ S9 B+ H  C  @( [5 ^# J* Y& _+ E: B2 w1 e9 ~; L; N
    图片也可以自动居中. 不管是竖图或横图. 不用管是什么字段名了, 只要卡片内容里有<img>标签都适用.) U4 j3 W' T/ N0 Z1 o( W' d
    非常方便快捷妥当. 不用搞得一头烟. 再赞一个. 谢谢., k; {6 Y0 V) W0 ^9 V
    # u& w0 e( g3 |* |# k0 p# }
    官方网站可以参考." T3 x6 Y5 b# c. M% G/ k! W, L
    https://apps.ankiweb.net/docs/manual.html#card-styling
    * R! `$ k$ O; f# U& Z, z0 Y
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2024-3-29 14:44 , Processed in 0.036140 second(s), 10 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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