有什么办法能让高度大的图片在anki中完美显示呢？

644830104 · 发表于 2016-12-24 00:45:02

本帖最后由 henices 于 2018-3-1 15:09 编辑

在尝试利用制作的图片词典转anki进行内容记忆时，我发现高度height如果超过屏幕能直接显示的部分时，图片会自动缩小，这样就看不清图片中的内容了，像md，gd都可以对超出屏幕的部分用滚动条滑动观看，可是anki只有文字才能使用滚动条，图片却不可以，即anki对现实的图片有范围限制

尝试了多个addon之后还是无解，zoom之后会使得图片的显示出现问题，也是没法解决

不知道这是不是一个无解的问题，即anki是不是只适合高度小的图片，在这里向各位大侠请教！

chigre3 · 发表于 2016-12-24 02:23:02

屏幕横向显示呢？

644830104 · 发表于 2016-12-24 13:07:30

chigre3 发表于 2016-12-24 02:23
/ ?6 |, y- m g8 \3 _4 M屏幕横向显示呢？

横向的话虽然有可能解决问题，但可是阅读就稍微有点麻烦了。。。

ronmiao · 发表于 2017-5-11 18:34:40

img{max-width: none; max-height: none;} 加在前后页中你加图片的代码后面

207873353 · 发表于 2017-5-24 11:02:19

anki 的图片词典在哪里加载？

bianren · 发表于 2017-5-24 16:16:50

ronmiao 发表于 2017-5-11 18:34
" O \. ?2 p- F% M/ F. J9 c0 Limg{max-width: none; max-height: none;} 加在前后页中你加图片的代码后面

就是这样

idict · 发表于 2017-5-26 15:27:47

不知是否是这样的效果(见图):
竖图

横图

用css来显示区域的大小.
首先要知道图片的大小. 在同一套卡片的所有图片的大小最好大致相当. 取个适当的大小值.
比如竖图像素为: 552 x 1250
用css显示比图像大小要大的区域. 假设为 600 x 1280
(取小了, 图片会自动缩小.)

1, 在Styling区内后面加上css:

.img{width:600px;height:1280px;}

2, 在Back Template区的字段加上标签.
比如原来的字段为:
{{Back}}

加上之后为:
<div class="img">{{Back}}</div>

效果就是Anki的答案区的图片显示区域为: 600 x 1280像素了.

如果横图为: 1250 x 552
则为:
.img{width:1280px;height:600px;}

如果设置为:
.img{width:1280px;height:1280px;}
那么显示区域会很大, 在下就不知道如何设置图片居中了.

适逢有用, 偶然所得. 希望没有理解错误.

idict · 发表于 2017-5-27 12:54:31

还是ronmiao大神的方法方便快捷. 赞叹啊.

只要在在卡片的Styling区里加上
img{max-width:none;max-height:none;}

图片也可以自动居中. 不管是竖图或横图. 不用管是什么字段名了, 只要卡片内容里有<img>标签都适用.
非常方便快捷妥当. 不用搞得一头烟. 再赞一个. 谢谢.

官方网站可以参考.
https://apps.ankiweb.net/docs/manual.html#card-styling

		自动登录	找回密码
密码			免费注册

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

本帖子中包含更多资源