掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: vbnet

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

  [复制链接]

该用户从未签到

 楼主| 发表于 2016-6-8 12:19:33 | 显示全部楼层
chigre3 发表于 2016-6-7 23:38
( G5 Z4 f+ z6 I对了,说到图片,软件里【zoom】系数基本上只用到1,2! k+ t# G( Y9 B, H3 {5 l+ i  T9 ~
估计4以后数值就不太可能用到
1 l- }) _' j0 X* ?- J7 r) v/ f可否增添几个小数 ...

- v$ D$ h+ l$ ^# B+ z0 o- l可以改
" F* j, D+ n: g1* l' X' ?* A- A1 K, W" {9 F7 |
1.25) i4 }6 `0 k/ _% B, t( [. C: k1 a
1.5& ]7 e: I' Z' z) O
1.755 {( k' e: _1 \
2
" c' L' r6 V5 M. x4 I  j! }3

该用户从未签到

 楼主| 发表于 2016-6-8 12:21:13 | 显示全部楼层
chigre3 发表于 2016-6-8 04:10
4 `5 }$ _$ t1 d2 Pvbnet, 前面我试着弄了另外一个词典的50页,
1 u& J5 t( `4 R5 s# q由于原始索引偶尔有多了几个单词,
$ }1 b& r, M: [, d' c$ I" L8 n2 P但是在点击鼠标的时候都 ...

! z9 r- r' o# z' R* A% X8 r好,增加【删除高亮词条】的按钮

该用户从未签到

 楼主| 发表于 2016-6-8 12:22:17 | 显示全部楼层
chigre3 发表于 2016-6-8 05:26
+ h- _+ t& J! h, Rwords 与 XX.YY数据列有上下偏差一行了, p! H# j; g& A" D9 @
是这个最新版本里出现的情况; d% s4 L: g7 O$ y7 o* Y3 s
大概是因为第二列多了【水平滑动条 ...

0 }4 O9 @! W# R* m4 A6 _+ Z那就删了水平滑动条

该用户从未签到

 楼主| 发表于 2016-6-8 12:26:59 | 显示全部楼层
fedor 发表于 2016-6-7 22:15
) U; j7 O+ @7 C" j% ~( v老大,想到个问题,程序中打开图片进行画线,为了画线方便,通常将喜欢图片的比例放的稍大些为好,之后进行 ...

3 k) n% @$ |$ C; G( n$ [+ J因为红线并不是图片的一部分
( v5 u# k( g) P* e) l缩图是根据原图来的,红线只是暂时显示出来

该用户从未签到

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

该用户从未签到

 楼主| 发表于 2016-6-8 20:27:59 | 显示全部楼层
chigre3 发表于 2016-6-8 18:445 B1 v, {* u+ @/ x4 I
vbnet真好,接纳这么多修改建议。;)

" ~, l$ r4 \+ }/ U5 @) f
4 E/ c1 a$ i* T# @: d2 H更新
, U) Y% T" Y+ u, L加 删除钮% R" z  g# v2 k- M* E3 N6 {+ o
删 水平滑动条
: Y* l  r/ R' m+ b, l& T! S4 E; K加减 zoom选项

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-8 20:46:14 | 显示全部楼层
vbnet 发表于 2016-6-8 20:27
# \! X% x( ^8 G! `更新
1 i& z4 E8 y  O) r加 删除钮  B2 l6 v9 M( \/ k* r) a
删 水平滑动条

- [$ ~- d. j3 u3 o节日礼物么?顶起走。。。。。。。。。

该用户从未签到

发表于 2016-6-9 05:17:04 | 显示全部楼层
本帖最后由 chigre3 于 2016-6-9 05:20 编辑 ( n, [- F; b, Q& y' ]
vbnet 发表于 2016-6-7 22:35
/ A& m7 R3 p2 Q; o, c+ \1 [$ u把图裁成两半,再上下合并(变一栏)
  `. t& s0 L* Q: J; B% u用你的方法可行吗?6 [" X% v, a) G
这样字会大一些
' N! b  ~, J5 `/ @5 J
% |8 v! q4 S1 @) s* s
增添了X,Y模板,不分栏。
" f# s: J- B) S' y, L8 h适合一栏的图片词典。" L# z; S  F# }- Y! v
若词条XX位置处于同一竖线处,那么X%可以全替换为0%,文本里margin-left:x%可以删除写入CSS5 b" q5 i( z) w% X+ {0 n4 ?
------------------------------------------------------------------
) c+ l( t0 D, O; z8 N4 o+ \) uhttps://www.pdawiki.com/forum/fo ... &fromuid=174481
' A# B# e' a. k6 j2016.06.08更新:
% t" v5 F/ Y2 P* `两栏模板+说明:   20160608_图片版两栏模板.zip
: p' L4 L! D6 L3 YXY模板+说明:   20160608_图片版XY模板.zip

该用户从未签到

发表于 2016-6-9 14:52:41 | 显示全部楼层
祝老大端午节快乐!- k# S" d; H! [- S- I  W
画线版有个建议,程序默认生成txt的格式如下
0 ^7 T$ d7 v5 U3 Iа
5 Z! Y6 L/ |  z, F" M/ z<link rel="stylesheet" type="text/css" href="mycss.css">" }) n" R7 ~9 l2 Z! s' y( z
<span class="word">а</span><br>1 O2 H5 W8 t( `6 P, i
<div class="pic"> <img src="а.png"></div>
, i  x; `* z; g( [  ?4 e) v3 B$ q</>
/ m8 t1 N3 S+ g. \4 NАА
& c- U9 p. }# x( _8 y3 m; p<link rel="stylesheet" type="text/css" href="mycss.css">+ j8 ~# M9 k" ]: c7 v1 z6 X" ]
<span class="word">АА</span><br>
% j" g1 X0 l# [' I0 Q<div class="pic"> <img src="АА.png"></div>
5 b2 _8 T8 J0 f</>
- ]0 M9 z0 P, {' @能否将生成格式改变如下:
. i4 X' [+ `' M6 ~а- v! q9 M& N/ `) ?
<img src="а.png" width="100%">
5 R0 M/ o& M7 y$ l3 q5 m6 ]</>
7 F4 z- a  l' K# B8 jАА, Z1 P! p% e- E
<img src="АА.png" width="100%">6 ~+ |  Z* |4 @; d
</>
- u) X) d: N; Z虽然通过查找替换也能调整过来,但总归不方便。

该用户从未签到

发表于 2016-6-9 17:33:20 | 显示全部楼层
回楼上 这样子没法用CSS更方便定义了
4 u3 w* T' t; _( J我不同意这样的模板

该用户从未签到

 楼主| 发表于 2016-6-9 18:16:50 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 19:05 编辑
7 ?4 g2 a, ^; D- t( [& W
chigre3 发表于 2016-6-9 17:33
7 ~# Q/ I3 N5 F9 I3 B& r2 {( B0 P5 S回楼上 这样子没法用CSS更方便定义了* n3 H  C- F0 z9 @6 C$ M+ n
我不同意这样的模板

" X& F' z5 B4 f- E3 V6 n8 z, }8 L) U! X
可以增加一个无CSS的菜单
6 W6 |; ~! j0 o" |
. G; W1 M, H1 D/ Jps:
1 R9 g* {) N5 t我看过你做的双栏范本/ E# }9 o1 K! t4 B( t. I8 _
似乎只用到y%% A! X' X: {$ O$ P% d1 O4 C. I6 \
左右用HW_L,HW_R控制0 U$ C# l6 p% `- Q
做单栏的话,只要6 G; i: d$ O; [' V2 s% V' {$ v. T
word#y%#当前页#上一页#下一页#word在该页的序号
/ x. @$ M( |/ y& f& j0 `margin-top=y%  w$ X1 E8 Y2 E: b
是否如此?
" ?6 c4 s. H3 u( A) X, {1 ~# y2 cclass="HW_U"
7 H3 P8 V! Z* E/ M+ ~name=word在该页的序号: O+ F' L/ J. a( C

* s6 L1 k  T2 c# g单词上色是在哪儿?$ g1 Y" F$ o9 G! k( W
难道是TEST_P a:hover
% _# [% v* |$ o+ ^点击单词后触发?- ?: Q9 L/ D$ b
9 _' v8 @5 d- h% y) m# k4 A
词典名_P div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}
% P+ h+ @6 r* g# {/ n& {词典名_P div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}$ n8 V$ K6 v, [2 b+ i0 v6 s4 D9 ^* D
中间的width:30%;height:1.5%何解?
+ Y# A1 r+ b* \/ D
* ]1 B  s" E% C3 M2 T等我搞清楚了,先做一个单栏的功能,直接存成mdx用的txt2 `+ U/ J5 [: _0 x. p
双栏的话,做左右的点选,来改变 class,  t8 C: b! r- z

+ ?$ r/ a0 ?/ X4 d2 E图片型的图,x在不同的地方, style要怎么改?
) }6 H. M; q6 l$ U; t1 e7 t=========================================( M; G( R# ?' b- m
`abbacinare
0 ]3 w9 M3 m& s<link rel="stylesheet" type="text/css" href="TEST_P.css"><TEST_P>
& S) m/ g2 ~& \% X8 o+ o<PAG_R><a href="entry://#0001_R10"><HW>`abbacinare</HW></a></PAG_R><PAG_T>
- V. e$ B: @# |( H上一页: <a href="entry://TEST_0000">0000</a> 
7 q  d! B( l' R: @% S' i[当前页: <a href="entry://TEST_0001">0001</a>] 
* f+ N4 U$ S7 N% x/ c9 q1 C下一页: <a href="entry://TEST_0002">0002</a>- O9 V# t# ~, H5 d
</PAG_T><div class="ALL">
. }' f/ a( z& _) A# k  y<a name="0001_L1" href="entry://`a"><div class="HW_L" style="margin-top:20.5%"></div></a>
; Q4 B# \/ J, k& j6 o<a name="0001_L2" href="entry://`a"><div class="HW_L" style="margin-top:30.83%"></div></a>
" L1 u9 a8 K  I<a name="0001_R1" href="entry://`a-"><div class="HW_R" style="margin-top:36%"></div></a>( Z6 l; d9 H+ B
<a name="0001_R2" href="entry://`a-"><div class="HW_R" style="margin-top:42.5%"></div></a>
, h1 A5 @4 ^; O<a name="0001_R3" href="entry://`abaco"><div class="HW_R" style="margin-top:52.83%"></div></a>
! v/ W9 P1 k+ I$ ^5 T( A4 j$ u<a name="0001_R4" href="entry://`abate"><div class="HW_R" style="margin-top:59.16%"></div></a>
. j+ w4 A7 }% X8 J5 f+ i9 ?<a name="0001_R5" href="entry://`abat-jour"><div class="HW_R" style="margin-top:68.33%"></div></a>
2 T3 f  O6 O$ \- O3 p<a name="0001_R6" href="entry://`abbacchiamento"><div class="HW_R" style="margin-top:74.5%"></div></a>4 i/ x1 p: d% h) g0 h+ k( g' H
<a name="0001_R7" href="entry://`abbacchiarsi"><div class="HW_R" style="margin-top:79%"></div></a># }; N- {3 L* I2 L
<a name="0001_R8" href="entry://`abbacchiato"><div class="HW_R" style="margin-top:83.5%"></div></a>$ q/ r& b# Q5 I* i. g/ s+ U8 b
<a name="0001_R9" href="entry://`abbacchio"><div class="HW_R" style="margin-top:91.83%"></div></a>/ O! o( L, [# I3 R% [2 Y
<a name="0001_R10" href="entry://`abbacinare"><div class="HW_R_C" style="margin-top:96.16%"></div></a>/ c: T% w5 a, N) y
<a name="0001_R11" href="entry://`abbagliante"><div class="HW_R" style="margin-top:117.83%"></div></a>
" e  p/ e- r* e6 K9 f, {<a name="0001_R12" href="entry://`abbagliare"><div class="HW_R" style="margin-top:133.66%"></div></a>" C- H0 |8 |9 l  O
<a name="0001_R13" href="entry://`abbaglio"><div class="HW_R" style="margin-top:145.58%"></div></a># a$ G7 a6 F3 x. g1 f3 E
<img src="0001.png"/>2 q0 A+ N* R7 s9 J8 `
</div><PAG_T>' ?9 \1 F4 k5 v; ^
上一页: <a href="entry://TEST_0000">0000</a> 
$ U4 D* i# Q  W  S, R+ F( D[当前页: <a href="entry://TEST_0001">0001</a>] # h- y4 \- V/ M2 ]" @/ {
下一页: <a href="entry://TEST_0002">0002</a>8 a( `5 S2 m  q  Y3 N4 c" c/ p/ e
</PAG_T></TEST_P>
+ {* V# R  D* i8 X* {, U</>
8 x: ^  P% ?* _( o=========================================

该用户从未签到

 楼主| 发表于 2016-6-9 18:17:36 | 显示全部楼层
fedor 发表于 2016-6-9 14:52
7 n6 e  V7 Z: Y3 z祝老大端午节快乐!
6 c% B7 m( t4 ~9 [画线版有个建议,程序默认生成txt的格式如下
( o5 j4 Y) g' W; M/ @: t  ^а
1 e" `- J- V  ]
新增一个无css的

该用户从未签到

发表于 2016-6-9 19:08:16 | 显示全部楼层
vbnet 发表于 2016-6-9 18:16
! P! ~  E  C4 F  ]% M7 ~可以增加一个无CSS的菜单
) S% h% t1 x+ _
; v3 n0 `5 D  h) c7 qps:
# V/ D9 @% W6 I8 E
div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}
$ \% }' r9 L2 J  M3 ]% d' R# l1 v& U5 Y; v$ o
div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}
  U3 m4 A1 n3 O9 u5 }; y0 l8 G3 D# X% W4 G, T
中间的width:30%;height:1.5%何解?& u1 V7 B$ V( U! i- W% o
---=-=-==---======------" o/ Z6 c0 S( i5 t" E
这里的宽度和高度就是填充的div的宽度和高度,起始坐标就是x% y%

该用户从未签到

发表于 2016-6-9 19:09:52 | 显示全部楼层
HW_U 是灰色 非当前查询的词条区域块: R3 c( r7 E3 j/ b
HW_U_C 是高亮 为当前词条所在区域

该用户从未签到

发表于 2016-6-9 19:17:56 | 显示全部楼层
词头重复的问题:6 q( D* u3 Q- U, x
1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)
9 `; L# _! J0 A% B) O* }2. 同页面大小写区别的重复(直接删除重复的词条,但是需要手工添加_C,这种情况极少数)
. x2 ~6 `% T$ E1 D- L2 U8 Y! D3. 不同页面的重复(合并内容)。

该用户从未签到

 楼主| 发表于 2016-6-9 19:30:25 | 显示全部楼层
chigre3 发表于 2016-6-9 19:17
- N1 `3 r  n8 \词头重复的问题:, i2 y& M7 @* O2 u; n
1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)
1 Q. u9 B: d! m2 H: ]3 h( S2. 同页面大小写区别的重 ...
5 T$ p6 d' R+ c0 T5 C7 r) {
这个麻烦8 @% B' b9 d( a. \2 m* H
2 S: D' Z" {$ j
我的构想是# r- x+ M5 z, Z% k) M
word#y%#当前页#上一页#下一页#word在该页的序号- `$ ~& p( K( n0 A; x$ b
存成一个结构
4 o$ G1 m$ P5 J+ p8 j9 B做txt时,逐行填充,变数从结构中提取
6 `2 Q% b2 _+ \9 n' B# o; `% d7 S& Q& N  d9 z" q/ I' G
& ^4 p% a1 c$ d, |. Z0 A0 |

& o9 E; X0 I- C1 Y3 F
, U" h$ o) E7 P' x5 Q! x

该用户从未签到

发表于 2016-6-9 19:57:50 | 显示全部楼层
vbnet 发表于 2016-6-9 19:30( e+ _6 l. n* D- m' j
这个麻烦. I" n5 V  l$ y" g

' ?# f# v6 Y; e* u$ C- d我的构想是
" G& K4 V  D& A
这样也行,可以实现简单排版

该用户从未签到

发表于 2016-6-9 20:23:58 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 20:49 编辑 & f; S+ d) G8 t" O! G. e
vbnet 发表于 2016-6-9 18:17$ f0 N# _+ N! F  I7 T  H
新增一个无css的
+ s- ], t/ f! w, i0 o+ j2 N+ M

* u1 F0 c) q6 D谢老大!
. \! [/ w2 T7 v, b( V9 s个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图。
- U# r7 F2 W! Z2 I& t( \题外话:不截图,以词典整个页面坐标定位词条做出的词典,好像只是电脑上或平板上浏览可以,手机就不适合了。电脑用的图片词典,很早就有大神编了个绿色版软件,词典制作非常方便,只要有图片即可,不需要预先做出全部的词条,只需定位每张图片左上角第一个单词和右下角的最后一个单词即可,如果要查询的词条按字母顺序位于这两个单词之间,那么就自动定位到这张图片上,而且可以上一页下一页进行翻页。例如一本1000页的词典,也就定位不到500个单词就行了,不用半天的时间就可以制作出一部图片词典的。而坐标定位如果10万个单词的话,首先需要录入出10万个单词,每个单词再定位坐标,工程比较大啊。

该用户从未签到

 楼主| 发表于 2016-6-9 20:37:07 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 20:38 编辑 6 T# b8 r3 O, M0 ?- i2 u$ G+ C
fedor 发表于 2016-6-9 20:235 `" |# p1 }7 @! m0 h# {5 A/ O) L4 v, X
谢老大!
; |; {7 F; ?7 S3 w8 B  `# ?个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图 ...
) A% ~' H# j2 |  u2 Y
$ @* x# q5 I( H$ V7 r  `
主要目的是定位词的位置,而且高亮,不用在图中左右上下找
1 @- `/ Z! d- s6 m我个人是喜欢一个词一张图' B8 H4 m, P/ Q- x) ~& F

该用户从未签到

发表于 2016-6-9 20:58:31 | 显示全部楼层
fedor 发表于 2016-6-9 20:23
1 r8 z$ k2 C. P! ^( o1 O4 y2 w) d谢老大!
8 K/ c$ P, ~+ a! P7 r# ]个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见 ...

: `9 ?6 j; q+ G0 ^6 b  I2 v$ J那是Universale图片版词典 图片以末尾词条为名即可。
; z4 G+ f8 b7 G% U: P& `查询的单词不一定有 有的话需要自己看
" c2 N, W" e2 b, Z
* p$ X6 Z% u: F/ r' }* e0 {8 G再进一步 就是全部词条的版本
1 W9 D' h3 Q! b
0 t' i1 v6 A% j* n( I! |最终完美版呢 就是我们现在做的精确定位的全索引版

该用户从未签到

 楼主| 发表于 2016-6-9 21:26:03 | 显示全部楼层
fedor 发表于 2016-6-9 14:52
/ E& f7 `; |: @9 j' t祝老大端午节快乐!
/ C* v" g; c! \画线版有个建议,程序默认生成txt的格式如下& v8 B7 l. F1 e+ M4 z
а
2 v5 D. {2 B$ Q2 j$ l* e* k! m; e
加个钮

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 21:27:01 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:29 编辑
3 }+ U/ j# G$ E# F1 ]" T, K$ z3 n
chigre3 发表于 2016-6-9 20:584 w( z* ]/ Z: B. \' S, a
那是Universale图片版词典 图片以末尾词条为名即可。
# H! Q# q6 V- {$ g7 }查询的单词不一定有 有的话需要自己看
! P9 ?6 G2 A4 W
4 c7 ~( x1 w) T% f6 o
不是你说的Universale图片词典哦

该用户从未签到

发表于 2016-6-9 21:33:07 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:38 编辑 - l5 ?* D$ k% F4 |) B
vbnet 发表于 2016-6-9 21:266 D5 }& @( v  q( l# b' s6 p6 x6 s3 h2 L
加个钮
6 ]4 r# n9 ^% j: F

9 A3 F/ t% e/ W$ }太崇拜你了,效率超级棒!就是这个钮丑了点,呵呵,不过不影响使用。: g( `0 {+ c1 H) b' h/ v$ O$ ^% f

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 23:50:56 | 显示全部楼层
fedor 发表于 2016-6-9 21:277 |  C, i, j% D3 ~6 G) D
不是你说的Universale图片词典哦

( G- s0 `1 r; I" b, v" L我知道的只是这个universale万能图片词典 绿色3 }" L7 t& Y) w% C; g1 ?
你印象里的那个找找看 说不定真的也就是这个呢
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

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

GMT+8, 2026-9-18 20:56 , Processed in 0.022162 second(s), 15 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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