掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: vbnet

[工具] (20200512彩色版Release)_制作图片字典工具的试作

  [复制链接]

该用户从未签到

 楼主| 发表于 2016-6-8 12:19:33 | 显示全部楼层
chigre3 发表于 2016-6-7 23:38$ V/ q! w6 C0 C# r
对了,说到图片,软件里【zoom】系数基本上只用到1,2
! Q1 G0 {( y! T8 U; T估计4以后数值就不太可能用到# T+ G' R( x7 Y" I$ `, p" h
可否增添几个小数 ...

/ W# W# ?6 Z: `, U0 L  O+ @- r可以改
. z# u! J5 L  ?8 V  b1 `1- p1 |  N, L$ Z& Z
1.25+ B5 S/ g* P2 V9 ?8 g7 Q' b
1.5
7 D% T2 v* G9 E- i7 _+ m. V1.75
2 `0 C* Z7 X, b* F# j+ [2$ L/ b! I/ G4 O% \0 j; U
3

该用户从未签到

 楼主| 发表于 2016-6-8 12:21:13 | 显示全部楼层
chigre3 发表于 2016-6-8 04:10( j1 K3 A' U) a$ a
vbnet, 前面我试着弄了另外一个词典的50页,# |7 z8 p3 B2 `& Y- L  t/ C
由于原始索引偶尔有多了几个单词,% O' @# x; D/ _" y
但是在点击鼠标的时候都 ...

# m, t& k/ U( Z" K3 [" J' M好,增加【删除高亮词条】的按钮

该用户从未签到

 楼主| 发表于 2016-6-8 12:22:17 | 显示全部楼层
chigre3 发表于 2016-6-8 05:262 q1 i. ^- R) D' n8 ^$ D8 h
words 与 XX.YY数据列有上下偏差一行了
9 j- L! n) t) ~是这个最新版本里出现的情况
: [  B) Y0 F5 v( i大概是因为第二列多了【水平滑动条 ...

8 U1 _+ n! v6 P1 u2 b那就删了水平滑动条

该用户从未签到

 楼主| 发表于 2016-6-8 12:26:59 | 显示全部楼层
fedor 发表于 2016-6-7 22:15) }) t- T! N: U$ ~
老大,想到个问题,程序中打开图片进行画线,为了画线方便,通常将喜欢图片的比例放的稍大些为好,之后进行 ...

6 a6 r+ _: T' X  u7 m因为红线并不是图片的一部分
# |0 q$ B1 B1 F缩图是根据原图来的,红线只是暂时显示出来

该用户从未签到

发表于 2016-6-8 18:44:07 | 显示全部楼层
vbnet真好,接纳这么多修改建议。;)

该用户从未签到

 楼主| 发表于 2016-6-8 20:27:59 | 显示全部楼层
chigre3 发表于 2016-6-8 18:44/ b1 |, H5 G+ r# z& t
vbnet真好,接纳这么多修改建议。;)

6 g# [4 ^' o4 u. D. C* q2 a: L; T$ p  a# Z* Y7 u( W. ~+ g
更新4 l# u, `; u. V( K) P8 f
加 删除钮% X" B3 k' G% j: A9 H# d" F
删 水平滑动条5 z8 }* ]. L  l, j
加减 zoom选项

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-8 20:46:14 | 显示全部楼层
vbnet 发表于 2016-6-8 20:27
, t/ F4 x. v* H: j更新
2 C% _2 K  s$ \% P加 删除钮
0 i% E; B8 l1 [0 Z: J" M! `删 水平滑动条
  W6 y; @& {4 T5 c
节日礼物么?顶起走。。。。。。。。。

该用户从未签到

发表于 2016-6-9 05:17:04 | 显示全部楼层
本帖最后由 chigre3 于 2016-6-9 05:20 编辑 ' E: b: ^" y+ f0 z- E2 D; v; f
vbnet 发表于 2016-6-7 22:35  Z: Z) |8 t! g& M3 \: u$ V
把图裁成两半,再上下合并(变一栏)$ V+ K: {8 w; d  b) N  E
用你的方法可行吗?
# n7 Z. U. v! _1 N这样字会大一些

, [: P/ A8 C; w5 ]7 [$ r  W$ r) F. Z) p5 P, y% u3 k& Q' u
增添了X,Y模板,不分栏。
4 u. p- y! ^& o适合一栏的图片词典。9 l! \+ V/ b- t$ i6 J
若词条XX位置处于同一竖线处,那么X%可以全替换为0%,文本里margin-left:x%可以删除写入CSS
  N+ V& K# C. |* H2 R1 X------------------------------------------------------------------/ I2 ^& h5 v6 K+ n; H  n5 S
https://www.pdawiki.com/forum/fo ... &fromuid=174481' \- x8 g- j  @0 I, Q7 e6 c
2016.06.08更新:
) J, h' N5 P& U1 B1 i! ?两栏模板+说明:   20160608_图片版两栏模板.zip
' y* |0 {5 [* k5 Y% RXY模板+说明:   20160608_图片版XY模板.zip

该用户从未签到

发表于 2016-6-9 14:52:41 | 显示全部楼层
祝老大端午节快乐!3 Z8 E. A- _$ `& @' W' b. U2 W
画线版有个建议,程序默认生成txt的格式如下
$ Z5 G' y8 D/ I9 l: J' i% t% Bа
( \0 t  M/ b0 a  S# f+ b<link rel="stylesheet" type="text/css" href="mycss.css">
/ ~6 o  j+ W( P<span class="word">а</span><br>
# ]* m+ Y& r/ y. Y+ X3 b- Q  Q2 }# K<div class="pic"> <img src="а.png"></div>
' f8 z# L: r' S</>
! S9 q! a2 x! xАА. {9 l2 ^( q% v. Q3 K' s* k" L2 D
<link rel="stylesheet" type="text/css" href="mycss.css">; n) L2 p1 L$ }* X8 m: D
<span class="word">АА</span><br>8 G: h& R6 H  b
<div class="pic"> <img src="АА.png"></div>
- m  R5 [8 y% ~# m* A2 X</>. M  J0 I1 y* b$ a0 x4 G/ W
能否将生成格式改变如下:
+ X- G+ D- @" o# G  X2 _а
. j$ A7 b/ i3 h' a<img src="а.png" width="100%"># z8 `, b, S( q5 u0 b' k+ |9 l7 Q
</>1 y7 d9 u: i9 O+ L
АА2 W; [- a; C- [6 q' G) ~- ^+ T
<img src="АА.png" width="100%">
0 r9 T. a2 c) K& X/ x9 s</>
6 m8 P  w! @: d" x8 }虽然通过查找替换也能调整过来,但总归不方便。

该用户从未签到

发表于 2016-6-9 17:33:20 | 显示全部楼层
回楼上 这样子没法用CSS更方便定义了
. i0 K* p# [6 M我不同意这样的模板

该用户从未签到

 楼主| 发表于 2016-6-9 18:16:50 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 19:05 编辑 ) M. O, E0 m2 A4 K# D2 ~1 z
chigre3 发表于 2016-6-9 17:33) }4 U1 e& G. X' G" V0 A
回楼上 这样子没法用CSS更方便定义了' Y; I' v3 t7 z/ h
我不同意这样的模板

  S& d) z: R. W& D. G5 c
' O/ T9 Z) `3 r6 Z1 h2 P( q9 q可以增加一个无CSS的菜单
$ L3 A, ]# n6 s2 ]% v4 a8 h% h  p; X, y  D/ @, j2 `' \
ps:9 d0 `2 O8 v5 `4 j: ~/ a6 q
我看过你做的双栏范本+ O2 H' M  ~; h
似乎只用到y%/ _" ?1 G% _. R! G$ x/ M
左右用HW_L,HW_R控制! J  ~& {- q: w: k2 d+ j
做单栏的话,只要
; T4 g4 D( X* ?& eword#y%#当前页#上一页#下一页#word在该页的序号* |1 c9 f; e2 d
margin-top=y%: P5 A. ^9 B* A7 g% `4 D# O) A
是否如此?) |4 y6 Q- l4 q& H
class="HW_U"
. s6 M! Z1 V. o7 kname=word在该页的序号
7 T: I: q# n" }* d9 |2 X* J$ t
: c4 C# g5 m+ O8 E: J! N( u- z) L/ {单词上色是在哪儿?
  D: L! N$ L7 Z& e  i: g难道是TEST_P a:hover) h, [3 o8 H: w5 n0 j, H
点击单词后触发?2 c. u) c6 [2 z3 Z# [

" I( c$ j9 ]; g8 D# M词典名_P div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}+ V  }5 K8 a+ }" v% p
词典名_P div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}! `# s! o; X8 ?2 n
中间的width:30%;height:1.5%何解?
; j" B; g; D8 z7 p
$ t9 v- i: w8 U1 F3 x等我搞清楚了,先做一个单栏的功能,直接存成mdx用的txt
. o' f: J+ R; w+ b( W9 y  n双栏的话,做左右的点选,来改变 class,* Q5 t, Q  T* A5 {) r; Y
3 u# v- n$ D8 J% z6 s3 k
图片型的图,x在不同的地方, style要怎么改?
% L2 i  \  D* V' T) z=========================================
/ E$ u+ n& \8 k9 v$ \$ \`abbacinare
& \  Y/ w$ \& r+ ]: g<link rel="stylesheet" type="text/css" href="TEST_P.css"><TEST_P>
" y: v1 z  F  G8 s<PAG_R><a href="entry://#0001_R10"><HW>`abbacinare</HW></a></PAG_R><PAG_T>0 m- \( {. E" M$ C* r: K" v' c
上一页: <a href="entry://TEST_0000">0000</a> 
' b" ?; T7 `# D/ S0 B! {0 O  f1 N3 a. W[当前页: <a href="entry://TEST_0001">0001</a>] 
# |) G7 i# X+ h& v下一页: <a href="entry://TEST_0002">0002</a>7 T+ X0 x  E7 `) H* }: t
</PAG_T><div class="ALL">
& x4 a# K  I. |/ V<a name="0001_L1" href="entry://`a"><div class="HW_L" style="margin-top:20.5%"></div></a>- p6 g! g$ [- n( c$ ]7 [7 w, _8 n
<a name="0001_L2" href="entry://`a"><div class="HW_L" style="margin-top:30.83%"></div></a>7 C( k6 {7 U  S' N4 a0 m  L" b
<a name="0001_R1" href="entry://`a-"><div class="HW_R" style="margin-top:36%"></div></a>
2 L* e6 L9 p2 w, V8 s) D<a name="0001_R2" href="entry://`a-"><div class="HW_R" style="margin-top:42.5%"></div></a>
( O" [* O: ~9 ]$ m<a name="0001_R3" href="entry://`abaco"><div class="HW_R" style="margin-top:52.83%"></div></a>" g4 A: _5 C: u6 Q3 g
<a name="0001_R4" href="entry://`abate"><div class="HW_R" style="margin-top:59.16%"></div></a>
5 f/ M- q, d/ t) Y/ b/ z<a name="0001_R5" href="entry://`abat-jour"><div class="HW_R" style="margin-top:68.33%"></div></a>
/ {! x$ G, R+ U- ^2 c: X1 T  t<a name="0001_R6" href="entry://`abbacchiamento"><div class="HW_R" style="margin-top:74.5%"></div></a>
4 O( K) ]/ L8 G<a name="0001_R7" href="entry://`abbacchiarsi"><div class="HW_R" style="margin-top:79%"></div></a>* b9 K+ x; C7 [- {5 t" X
<a name="0001_R8" href="entry://`abbacchiato"><div class="HW_R" style="margin-top:83.5%"></div></a>2 N1 h$ `2 @! d9 f
<a name="0001_R9" href="entry://`abbacchio"><div class="HW_R" style="margin-top:91.83%"></div></a>
% q/ `$ W3 Y: _/ I3 {1 ?<a name="0001_R10" href="entry://`abbacinare"><div class="HW_R_C" style="margin-top:96.16%"></div></a>
- j2 v2 e9 d4 E4 M9 e<a name="0001_R11" href="entry://`abbagliante"><div class="HW_R" style="margin-top:117.83%"></div></a>, y% ]& A1 G0 _8 N9 h7 M
<a name="0001_R12" href="entry://`abbagliare"><div class="HW_R" style="margin-top:133.66%"></div></a>
3 v9 ^' b' i& d: B<a name="0001_R13" href="entry://`abbaglio"><div class="HW_R" style="margin-top:145.58%"></div></a>* O& ]% \/ S4 T& T( p: ]1 v
<img src="0001.png"/>3 r, Q1 m) u& k2 G8 j# a6 U9 Z
</div><PAG_T>& N- d% g; U* k+ O) N
上一页: <a href="entry://TEST_0000">0000</a> ! s6 N) R' M! R. o
[当前页: <a href="entry://TEST_0001">0001</a>] 
$ \6 A8 m. J* g& T  Z! ~下一页: <a href="entry://TEST_0002">0002</a>: [- w* C) i9 z# v6 w7 i% q
</PAG_T></TEST_P>+ P$ N0 S' B# \% ~
</>
1 _# [3 [! b, v# j6 @=========================================

该用户从未签到

 楼主| 发表于 2016-6-9 18:17:36 | 显示全部楼层
fedor 发表于 2016-6-9 14:52
3 L; P) E$ c' Z; I% f6 U5 i祝老大端午节快乐!
! _. U' n9 t$ p7 \' T6 j$ r$ \4 K画线版有个建议,程序默认生成txt的格式如下
& M% `* \2 W7 }' P, L6 Uа
; o0 K; U6 \+ C* k
新增一个无css的

该用户从未签到

发表于 2016-6-9 19:08:16 | 显示全部楼层
vbnet 发表于 2016-6-9 18:16; y9 N3 b1 H2 {4 U* r
可以增加一个无CSS的菜单7 U: W) B' D6 F7 ]
, N& _2 {. U6 g) i
ps:
7 W5 q1 |1 p$ M+ P% |; Z) }" B
div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}7 n2 x+ Y5 j* E9 t
- W# x, ?6 k5 h  w7 H, W+ P: P
div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}2 y1 @0 O/ i. w9 {$ ?2 f. P$ d9 h
( t" s) q, ?7 h
中间的width:30%;height:1.5%何解?# Y: Z' ], D! j. m3 a! o
---=-=-==---======------
0 S( X9 q$ L  f6 H5 y+ `4 b8 N; E这里的宽度和高度就是填充的div的宽度和高度,起始坐标就是x% y%

该用户从未签到

发表于 2016-6-9 19:09:52 | 显示全部楼层
HW_U 是灰色 非当前查询的词条区域块) `, v1 C' U% ?
HW_U_C 是高亮 为当前词条所在区域

该用户从未签到

发表于 2016-6-9 19:17:56 | 显示全部楼层
词头重复的问题:9 j- B3 @; E1 u5 c
1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)  ]% E( p2 i$ z8 B! r8 z
2. 同页面大小写区别的重复(直接删除重复的词条,但是需要手工添加_C,这种情况极少数)- b% E/ B. P1 \% M! N
3. 不同页面的重复(合并内容)。

该用户从未签到

 楼主| 发表于 2016-6-9 19:30:25 | 显示全部楼层
chigre3 发表于 2016-6-9 19:17
1 S" {7 U* C3 f: j1 v' L1 x词头重复的问题:
& M  F: c6 q6 I1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)
" S. V, W6 @$ C) R2. 同页面大小写区别的重 ...

+ n, m' }5 D6 T/ l' Z" q; K+ O7 N这个麻烦# \2 T5 g+ E6 j5 h8 D

( p6 t7 h; [) F; [4 D& A# f/ @我的构想是
/ u0 |' p& J1 `word#y%#当前页#上一页#下一页#word在该页的序号
1 C2 n6 G. T9 y9 f! P存成一个结构
. p/ Q. O6 A& r5 I; t5 h做txt时,逐行填充,变数从结构中提取
! u1 I# W& j" ^
# N! N- U2 Y4 k4 q$ n0 q1 k
; V& N; q3 @5 _1 z: X6 |  `1 n( U
9 ^  d' f: `$ C( U7 k2 b) d
* {2 x/ I/ J, z

该用户从未签到

发表于 2016-6-9 19:57:50 | 显示全部楼层
vbnet 发表于 2016-6-9 19:30
1 p; |2 |: r8 ~7 E; ^# t# |+ q这个麻烦, o1 F+ i* c$ S7 |: ^8 {/ i% F

5 Q3 k8 ~4 o) F0 f5 ?5 y我的构想是

8 r% Z+ f. q+ i7 ?: h/ d' c, ^% L这样也行,可以实现简单排版

该用户从未签到

发表于 2016-6-9 20:23:58 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 20:49 编辑
/ y8 ~5 a: K/ t1 k* m
vbnet 发表于 2016-6-9 18:17
6 `; X$ Q4 {% m新增一个无css的

+ C1 N! O: R. r* R" C1 @' u6 U7 W$ C' g. u
谢老大!
& B8 m( N: p% T+ l$ i5 h个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图。
2 @5 [% U" l& u9 m( P: K" Y题外话:不截图,以词典整个页面坐标定位词条做出的词典,好像只是电脑上或平板上浏览可以,手机就不适合了。电脑用的图片词典,很早就有大神编了个绿色版软件,词典制作非常方便,只要有图片即可,不需要预先做出全部的词条,只需定位每张图片左上角第一个单词和右下角的最后一个单词即可,如果要查询的词条按字母顺序位于这两个单词之间,那么就自动定位到这张图片上,而且可以上一页下一页进行翻页。例如一本1000页的词典,也就定位不到500个单词就行了,不用半天的时间就可以制作出一部图片词典的。而坐标定位如果10万个单词的话,首先需要录入出10万个单词,每个单词再定位坐标,工程比较大啊。

该用户从未签到

 楼主| 发表于 2016-6-9 20:37:07 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 20:38 编辑 . y2 e) A" x4 v3 K
fedor 发表于 2016-6-9 20:235 N3 P! L# \9 G. K1 ^
谢老大!) M; z  _4 P0 A/ Q4 |. K
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图 ...

3 @! y0 ]3 v; p# o# r4 o( D) Z3 x  t$ F7 |  U  `/ f6 h# t
主要目的是定位词的位置,而且高亮,不用在图中左右上下找3 I5 |) c6 q: a0 x2 }, t1 d* A
我个人是喜欢一个词一张图' T. w( R" f9 `) R

该用户从未签到

发表于 2016-6-9 20:58:31 | 显示全部楼层
fedor 发表于 2016-6-9 20:23
9 t& S! W7 l/ ]0 I! U谢老大!
+ H5 z  g) y$ p  d: Q1 ]2 S个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见 ...

2 w& b2 }! Y4 v# Z5 b. B" W那是Universale图片版词典 图片以末尾词条为名即可。
5 ~! m( q2 N. L查询的单词不一定有 有的话需要自己看- m4 H# F4 V6 @% ?9 v) c$ Z! k

# M% _. H6 B+ A9 v) a- ^再进一步 就是全部词条的版本0 l: S, Y1 o1 d6 m

' U; ~/ N( ]( Q5 Q# O4 K最终完美版呢 就是我们现在做的精确定位的全索引版

该用户从未签到

 楼主| 发表于 2016-6-9 21:26:03 | 显示全部楼层
fedor 发表于 2016-6-9 14:52& Q$ t1 f: B' l: z/ n
祝老大端午节快乐!
# w, Q& e+ Z5 s6 F0 {画线版有个建议,程序默认生成txt的格式如下, L& I6 ~' P% c
а
2 Z$ d6 l  S( i. Z$ j- o
加个钮

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 21:27:01 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:29 编辑 * H. G" Q7 L6 U7 D7 ?" }
chigre3 发表于 2016-6-9 20:58
9 H3 @# K3 N8 G那是Universale图片版词典 图片以末尾词条为名即可。$ Y' p  l0 x' H
查询的单词不一定有 有的话需要自己看
3 \' r0 e+ Z: P& I

1 c4 p" P+ q0 l. T$ [; E, Y不是你说的Universale图片词典哦

该用户从未签到

发表于 2016-6-9 21:33:07 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:38 编辑
' F% g: d0 w- U$ F/ o
vbnet 发表于 2016-6-9 21:26% d6 s# G  ^- p( i4 K" s2 ?
加个钮

1 {: L! b' g  i' |% g, Y) N
/ x# v" t2 V; K5 e3 Z太崇拜你了,效率超级棒!就是这个钮丑了点,呵呵,不过不影响使用。
+ R+ ?2 {/ ]% i8 o" X+ B

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 23:50:56 | 显示全部楼层
fedor 发表于 2016-6-9 21:27
6 V, N& p$ ~% r/ q. \! u7 @, o  q不是你说的Universale图片词典哦

# |, z0 w- Y; s' r+ m5 z3 w5 N) x我知道的只是这个universale万能图片词典 绿色
% D, Y. Y  Z0 [- r5 i+ A6 C" g你印象里的那个找找看 说不定真的也就是这个呢
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

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

GMT+8, 2024-6-18 01:47 , Processed in 0.050757 second(s), 6 queries , MemCache On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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