掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: vbnet

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

  [复制链接]

该用户从未签到

 楼主| 发表于 2016-6-8 12:19:33 | 显示全部楼层
chigre3 发表于 2016-6-7 23:38( A# D8 B4 r5 ?
对了,说到图片,软件里【zoom】系数基本上只用到1,2
( J$ i3 o: C5 M/ F估计4以后数值就不太可能用到
1 }' t: C: p6 v( u0 b2 T. K7 r' v可否增添几个小数 ...

4 D, m+ X) l3 U; X' |2 B* w* }可以改# A7 m# `# N& B$ X1 ]& @
1$ c, x4 T% Z- f4 Q
1.25
' H( v  \5 [" H/ e1.5* N; n+ j6 _9 T  @: f' k: q$ A) s) n
1.75
& @1 k" d- {& ~1 J! d2
* T/ O* G" T  {9 @3

该用户从未签到

 楼主| 发表于 2016-6-8 12:21:13 | 显示全部楼层
chigre3 发表于 2016-6-8 04:10
, x! O$ G7 t" o# S- G' L% wvbnet, 前面我试着弄了另外一个词典的50页,/ z. _  f$ r* s9 C8 a
由于原始索引偶尔有多了几个单词,
6 l, k/ o6 c! T2 _3 m/ K/ a# T3 o# i但是在点击鼠标的时候都 ...

( ~0 `" b2 U5 `& h9 D+ B好,增加【删除高亮词条】的按钮

该用户从未签到

 楼主| 发表于 2016-6-8 12:22:17 | 显示全部楼层
chigre3 发表于 2016-6-8 05:26
, x: K& y7 O" S9 @% {5 lwords 与 XX.YY数据列有上下偏差一行了
8 M0 }' [6 c. ^' c是这个最新版本里出现的情况. `( L( ?9 {  G5 m
大概是因为第二列多了【水平滑动条 ...

5 ~% ~- V  |; K: T: W1 Z# A那就删了水平滑动条

该用户从未签到

 楼主| 发表于 2016-6-8 12:26:59 | 显示全部楼层
fedor 发表于 2016-6-7 22:158 I% N+ M* a0 s( R
老大,想到个问题,程序中打开图片进行画线,为了画线方便,通常将喜欢图片的比例放的稍大些为好,之后进行 ...

  d8 M9 T, M1 H( N因为红线并不是图片的一部分
$ ?' i: }5 G7 O# |( ?. Q缩图是根据原图来的,红线只是暂时显示出来

该用户从未签到

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

该用户从未签到

 楼主| 发表于 2016-6-8 20:27:59 | 显示全部楼层
chigre3 发表于 2016-6-8 18:44
" k5 t) k- E  |  M" o; Mvbnet真好,接纳这么多修改建议。;)

- P# V7 e6 m2 K4 o2 I) I4 A$ l8 c5 ]6 n
更新
6 j: g: V9 ~6 S7 Y* {1 b加 删除钮
) t; \1 a3 p' B! C# I2 [删 水平滑动条
1 S2 w1 F4 P" v: ^# n8 ?" A/ y6 e) q) b1 n加减 zoom选项

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-8 20:46:14 | 显示全部楼层
vbnet 发表于 2016-6-8 20:279 c8 W" X( m8 X1 U4 M: i
更新2 ^8 W- F. E' h* k
加 删除钮7 r5 p) L, I6 r
删 水平滑动条

* O( A! P6 k0 j& P: B+ Q8 y9 d节日礼物么?顶起走。。。。。。。。。

该用户从未签到

发表于 2016-6-9 05:17:04 | 显示全部楼层
本帖最后由 chigre3 于 2016-6-9 05:20 编辑 4 o  v" E4 ~& e- ], V
vbnet 发表于 2016-6-7 22:35) o  ?* @% v) c
把图裁成两半,再上下合并(变一栏)" Q, x$ c* V( E. s
用你的方法可行吗?& O' x$ N' T) q* j: C* q
这样字会大一些

7 O" a1 j& X; i3 V* Y# r1 ]& B
, S1 K! Z, l/ ?, H) U; h" [$ c增添了X,Y模板,不分栏。6 v: j7 t( V8 m$ ~0 n: c
适合一栏的图片词典。
" s) f6 L, l0 Z+ i$ d$ I若词条XX位置处于同一竖线处,那么X%可以全替换为0%,文本里margin-left:x%可以删除写入CSS$ f2 m  u8 v  i% V1 g
------------------------------------------------------------------' n% k1 l- g0 R2 I
【https://www.pdawiki.com/forum/fo ... &fromuid=174481】
: X) p' Z4 n0 H) q- P' M; n2016.06.08更新:# ~' Z+ i% a+ P- {- w
两栏模板+说明:   20160608_图片版两栏模板.zip
4 u1 w& q" p% b- w( }4 iXY模板+说明:   20160608_图片版XY模板.zip

该用户从未签到

发表于 2016-6-9 14:52:41 | 显示全部楼层
祝老大端午节快乐!! p+ |7 z/ _) Q0 Z: ]9 m* X
画线版有个建议,程序默认生成txt的格式如下( k5 w: b$ r# {: Q% A
а4 J+ Q0 S' s/ R
<link rel="stylesheet" type="text/css" href="mycss.css">
. T0 z0 @0 p7 i7 y! c/ s* k<span class="word">а</span><br>
$ }& N3 B3 A* a<div class="pic"> <img src="а.png"></div>
( Y4 k) U5 z; o5 @4 K6 M5 ?</>/ @6 j: y' Q9 ]# c
АА
4 K9 U' {4 E3 ?<link rel="stylesheet" type="text/css" href="mycss.css">
+ Q- g1 f( [( k, X<span class="word">АА</span><br>
& O9 Q1 ?) n: |2 ]7 J<div class="pic"> <img src="АА.png"></div>
; u+ ~& e$ Q( {3 d+ Z& c5 t! K</>
3 L" {# o5 e; {. t2 @& e$ j0 l能否将生成格式改变如下:
3 y0 d0 b3 J, C$ V& c0 w9 Rа0 W! J# I; C7 H7 o$ |
<img src="а.png" width="100%">
" P- t1 l6 j  C# c1 ~9 u: s* `</>' k4 B) |. j# Z" f0 y% {& n
АА
5 E$ A( Y/ W5 A& _' N- ~<img src="АА.png" width="100%">
8 a* W. e: W5 F8 \& p</>6 Q3 t4 A5 H: T. e
虽然通过查找替换也能调整过来,但总归不方便。

该用户从未签到

发表于 2016-6-9 17:33:20 | 显示全部楼层
回楼上 这样子没法用CSS更方便定义了& @$ `+ a- U! ~; G' A
我不同意这样的模板

该用户从未签到

 楼主| 发表于 2016-6-9 18:16:50 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 19:05 编辑
. c# o. ?( ^6 y
chigre3 发表于 2016-6-9 17:33
, a( X+ E5 }9 R! P回楼上 这样子没法用CSS更方便定义了5 c" u) S5 V* O1 ~+ U
我不同意这样的模板

+ A2 x* |, ?: _. f* o3 D: f4 X% x9 @: r
可以增加一个无CSS的菜单
  ]6 a+ C$ F- [$ P+ H2 N3 A, a. O5 K2 Q( w
ps:. ~3 I- b  J" D1 b& n9 H
我看过你做的双栏范本4 V, @! F3 g' s
似乎只用到y%
( B4 {5 C1 n  E: d左右用HW_L,HW_R控制; q$ H: u5 z& v& Y7 q3 k2 X( b
做单栏的话,只要/ `- o& `0 p3 }5 p
word#y%#当前页#上一页#下一页#word在该页的序号3 g; x# u7 i7 @5 G$ C
margin-top=y%6 U+ E  Z) l8 d& y" t; C
是否如此?
$ y7 V4 d  c3 t- X# V- y9 Nclass="HW_U"0 @; [! e/ k; p9 l
name=word在该页的序号; x* l0 S) X6 P+ q9 k

$ K4 Y0 q8 I6 r( D3 Y7 y+ F$ Q6 E单词上色是在哪儿?; a1 N- x# G2 x$ o% ~; L" j6 }. r
难道是TEST_P a:hover
6 d4 k/ N9 f6 X点击单词后触发?
3 k! D5 m2 K3 ~& z) A# c; G  F5 Z2 a& D
词典名_P div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}
0 d0 D/ ~& U# K% e, Q: [词典名_P div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}
, T" L( k- T6 ^. A中间的width:30%;height:1.5%何解?/ C9 `1 h0 V* G1 |7 l9 `- p

, z+ ~" ]: K. J* h: F5 B2 ~$ }等我搞清楚了,先做一个单栏的功能,直接存成mdx用的txt! w! y3 S3 b5 G2 G+ f& F% S
双栏的话,做左右的点选,来改变 class,0 ]- _/ v9 j# a; r5 w& {# E

/ F* x* v- M! y; j; D, \0 u图片型的图,x在不同的地方, style要怎么改?
$ m, |+ S- u- x9 J/ R=========================================7 U7 O- s5 A8 d) H; w4 E/ R
`abbacinare7 Q" S* \% y+ R6 M, S  I
<link rel="stylesheet" type="text/css" href="TEST_P.css"><TEST_P>  i! d: ^$ a' e
<PAG_R><a href="entry://#0001_R10"><HW>`abbacinare</HW></a></PAG_R><PAG_T>
0 ~& }, P; _7 W+ |6 |- \上一页: <a href="entry://TEST_0000">0000</a> 
* N' I& s$ @3 y% G$ ^; j2 b[当前页: <a href="entry://TEST_0001">0001</a>] , s# T. M: M3 g1 n, }& N( d
下一页: <a href="entry://TEST_0002">0002</a>
9 ^/ N6 z2 h5 o/ I6 A2 _</PAG_T><div class="ALL">8 u' T) C: A3 @% ^
<a name="0001_L1" href="entry://`a"><div class="HW_L" style="margin-top:20.5%"></div></a>4 V7 b) z# f- o# j/ Y
<a name="0001_L2" href="entry://`a"><div class="HW_L" style="margin-top:30.83%"></div></a>
% ^" Q& ]' Z) s% A4 K* w<a name="0001_R1" href="entry://`a-"><div class="HW_R" style="margin-top:36%"></div></a>
7 G7 `* C6 j% |$ D* H1 I<a name="0001_R2" href="entry://`a-"><div class="HW_R" style="margin-top:42.5%"></div></a>
; b# M! K9 Z1 e( l<a name="0001_R3" href="entry://`abaco"><div class="HW_R" style="margin-top:52.83%"></div></a>
8 B% Z1 x. ~8 P) W<a name="0001_R4" href="entry://`abate"><div class="HW_R" style="margin-top:59.16%"></div></a>1 V) ~* _. f' ^: r
<a name="0001_R5" href="entry://`abat-jour"><div class="HW_R" style="margin-top:68.33%"></div></a>5 p! w; [5 h: N
<a name="0001_R6" href="entry://`abbacchiamento"><div class="HW_R" style="margin-top:74.5%"></div></a>
+ i4 Q) x) s0 O5 Z( I6 H6 V0 B<a name="0001_R7" href="entry://`abbacchiarsi"><div class="HW_R" style="margin-top:79%"></div></a>
' ~8 X5 l6 e! D0 u4 |( g. ~+ d  l<a name="0001_R8" href="entry://`abbacchiato"><div class="HW_R" style="margin-top:83.5%"></div></a>. p% ?# _$ \8 A2 v9 D
<a name="0001_R9" href="entry://`abbacchio"><div class="HW_R" style="margin-top:91.83%"></div></a>
! s) s0 g3 F, N" n$ _<a name="0001_R10" href="entry://`abbacinare"><div class="HW_R_C" style="margin-top:96.16%"></div></a>
5 r9 S' i1 F4 W" A1 J<a name="0001_R11" href="entry://`abbagliante"><div class="HW_R" style="margin-top:117.83%"></div></a>
" X5 b1 X( Y7 I& L4 z& ?<a name="0001_R12" href="entry://`abbagliare"><div class="HW_R" style="margin-top:133.66%"></div></a>
  E. k$ g3 q8 `2 f; @, C9 s<a name="0001_R13" href="entry://`abbaglio"><div class="HW_R" style="margin-top:145.58%"></div></a>
/ l( `% t( W6 b& T<img src="0001.png"/>3 B& M+ @  R  \9 t
</div><PAG_T>
' w' W. d* F8 i! ]4 }3 T上一页: <a href="entry://TEST_0000">0000</a> / H1 T) J" G4 n0 s
[当前页: <a href="entry://TEST_0001">0001</a>] 
. M  ^% K% Q+ d, V( ]8 G下一页: <a href="entry://TEST_0002">0002</a>
1 H, n! G8 ?: |6 O) s  i0 I</PAG_T></TEST_P>  U0 B- |- \& s* {4 G% P1 A
</>( X* x) Y) V" \
=========================================

该用户从未签到

 楼主| 发表于 2016-6-9 18:17:36 | 显示全部楼层
fedor 发表于 2016-6-9 14:52
3 g  D  g; B- u* ]4 X/ X' b$ `  t  z1 Z9 G祝老大端午节快乐!: r1 `( j" C' g+ m- ?1 D9 V- Z
画线版有个建议,程序默认生成txt的格式如下/ F" f" T3 n  v) _- V+ M
а
, ?, q( C* M2 F
新增一个无css的

该用户从未签到

发表于 2016-6-9 19:08:16 | 显示全部楼层
vbnet 发表于 2016-6-9 18:16
$ {  Z% B; n, _4 i可以增加一个无CSS的菜单7 x0 v: y2 t  @: O% I8 y
# G8 R: S" S( [, y- \! T# [
ps:

  B7 {7 u7 E6 z; Ydiv.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}/ M. G" O( ]1 M' Y
0 C9 u  a7 D6 I/ Y7 _, N4 k/ m: a
div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}
$ ~, t. \# P0 |3 K6 j9 D* z+ D+ @8 V8 |1 i/ d
中间的width:30%;height:1.5%何解?
) S8 U! `4 J- |' u  Y- r  A( R. [4 k---=-=-==---======------; z% q7 a- h' j3 j# j: T$ r
这里的宽度和高度就是填充的div的宽度和高度,起始坐标就是x% y%

该用户从未签到

发表于 2016-6-9 19:09:52 | 显示全部楼层
HW_U 是灰色 非当前查询的词条区域块3 q  g' |  _- _7 e" M+ P
HW_U_C 是高亮 为当前词条所在区域

该用户从未签到

发表于 2016-6-9 19:17:56 | 显示全部楼层
词头重复的问题:
8 ]5 c" {" N6 D" O1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)
0 B/ o0 M+ ^0 _! ~# T. |% F2. 同页面大小写区别的重复(直接删除重复的词条,但是需要手工添加_C,这种情况极少数)0 H% Z; }. j8 J+ ?: X& r0 p5 s' L
3. 不同页面的重复(合并内容)。

该用户从未签到

 楼主| 发表于 2016-6-9 19:30:25 | 显示全部楼层
chigre3 发表于 2016-6-9 19:17
- A2 A; i/ U; ~0 b词头重复的问题:6 y# d; E% N7 N) N8 |. F) @( \
1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)
/ k' i) r! {& D2. 同页面大小写区别的重 ...

5 L, K2 C1 J8 k9 i" x/ ~( m, k; j这个麻烦1 \; L* Q* n6 r1 @. [- C! P
7 h+ V2 C5 o: O
我的构想是
5 [+ V0 p: z2 V% k1 ^1 [# ]: yword#y%#当前页#上一页#下一页#word在该页的序号
5 `: u: l; b2 E& c' g8 w# E* X! x4 e存成一个结构6 ?  l  E, l. \5 P& j/ q
做txt时,逐行填充,变数从结构中提取: y9 ~, p) \' r* T+ M- d

7 M( Y! T/ m. `( g7 e8 V9 ?) N% N

/ b8 ^4 \) w( w2 g) A
7 W8 a& @/ H) m- m$ K

该用户从未签到

发表于 2016-6-9 19:57:50 | 显示全部楼层
vbnet 发表于 2016-6-9 19:307 E" u% u2 h8 F/ c
这个麻烦$ B7 C" q0 c5 W! O) J' _) W

+ h# v9 ~2 Z& y/ q我的构想是

/ z: d- n6 ?, a这样也行,可以实现简单排版

该用户从未签到

发表于 2016-6-9 20:23:58 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 20:49 编辑 4 G0 v0 Y  q( c8 F/ z% y6 K
vbnet 发表于 2016-6-9 18:17  m% P* b& L! a, \* I9 ]% j' @3 _2 ^
新增一个无css的
; T' C' U8 }1 t# ^* q9 F/ v
% q& e- _0 |" B- V3 w1 L
谢老大!+ r5 C5 o8 v; P3 V# A
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图。
4 M$ e/ K! T9 j' J* _题外话:不截图,以词典整个页面坐标定位词条做出的词典,好像只是电脑上或平板上浏览可以,手机就不适合了。电脑用的图片词典,很早就有大神编了个绿色版软件,词典制作非常方便,只要有图片即可,不需要预先做出全部的词条,只需定位每张图片左上角第一个单词和右下角的最后一个单词即可,如果要查询的词条按字母顺序位于这两个单词之间,那么就自动定位到这张图片上,而且可以上一页下一页进行翻页。例如一本1000页的词典,也就定位不到500个单词就行了,不用半天的时间就可以制作出一部图片词典的。而坐标定位如果10万个单词的话,首先需要录入出10万个单词,每个单词再定位坐标,工程比较大啊。

该用户从未签到

 楼主| 发表于 2016-6-9 20:37:07 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 20:38 编辑
# _5 h) C8 f# V, d8 x
fedor 发表于 2016-6-9 20:23
  u" H+ W3 O* M: w8 n: O谢老大!" G2 [3 V- t, o% u
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图 ...
- j* l/ H# V. V3 f, U! }3 A* d3 o

7 Z. n8 x" @* y  }1 P! l0 {1 T主要目的是定位词的位置,而且高亮,不用在图中左右上下找# n% m3 m& n( }( n$ u
我个人是喜欢一个词一张图2 f/ M, u' W9 I' x, y. Y/ u

该用户从未签到

发表于 2016-6-9 20:58:31 | 显示全部楼层
fedor 发表于 2016-6-9 20:23) b! m1 U, I8 \2 w* B8 G: U
谢老大!$ g8 r8 E. u; V2 D+ C
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见 ...
7 d; P3 a' t1 x! d
那是Universale图片版词典 图片以末尾词条为名即可。# Y) K+ H& ?0 y. x# n
查询的单词不一定有 有的话需要自己看$ q  o% J% z% m7 X6 s

+ X/ U5 k4 L5 M' r" F) {再进一步 就是全部词条的版本
" ]0 s; `5 j# j5 C$ z; ]7 _7 J7 b& j& I8 w3 `# l& c- ^  y
最终完美版呢 就是我们现在做的精确定位的全索引版

该用户从未签到

 楼主| 发表于 2016-6-9 21:26:03 | 显示全部楼层
fedor 发表于 2016-6-9 14:52. o$ I" `$ L* ~8 Z" t1 y6 F
祝老大端午节快乐!" Z$ i8 s5 A, U1 `4 W
画线版有个建议,程序默认生成txt的格式如下
* o. T9 \* y  \2 ]8 _  D0 Sа

9 `$ A/ v9 n9 d3 H/ C; V加个钮

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 21:27:01 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:29 编辑
4 M8 B$ F2 a: W( X5 U4 P8 |0 O+ c
chigre3 发表于 2016-6-9 20:58
6 \% D0 v  v( W: o2 ~5 [8 W那是Universale图片版词典 图片以末尾词条为名即可。
2 s- ]8 B5 {" y4 {5 _查询的单词不一定有 有的话需要自己看

3 ^. ^9 p7 X1 j
$ j* d0 n# `) r% x4 {7 `不是你说的Universale图片词典哦

该用户从未签到

发表于 2016-6-9 21:33:07 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:38 编辑
1 K. v, j% v0 M9 t5 k% G8 d
vbnet 发表于 2016-6-9 21:26' [# l2 a; @3 ?4 y6 ?: P+ F
加个钮
: ?# M! U. }0 ~
- s6 E5 H8 g, x  Q; |, U; {
太崇拜你了,效率超级棒!就是这个钮丑了点,呵呵,不过不影响使用。" t; B: d  S) V$ g. b

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 23:50:56 | 显示全部楼层
fedor 发表于 2016-6-9 21:27/ I& ?3 d3 r- Y% }# [& t9 a9 \
不是你说的Universale图片词典哦

7 K' |( Z" `+ D4 u# s. E我知道的只是这个universale万能图片词典 绿色
% g! L! Y6 p! e4 P' m你印象里的那个找找看 说不定真的也就是这个呢
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

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

GMT+8, 2026-11-3 05:08 , Processed in 0.020401 second(s), 16 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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