掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: vbnet

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

  [复制链接]

该用户从未签到

 楼主| 发表于 2016-6-8 12:19:33 | 显示全部楼层
chigre3 发表于 2016-6-7 23:385 S5 H5 a( O" `8 M* v
对了,说到图片,软件里【zoom】系数基本上只用到1,2, A0 [9 p; \7 Y% {" h
估计4以后数值就不太可能用到
) T8 I; g. C- d& j# n  y/ O2 ]: X可否增添几个小数 ...
* d3 ?* N% v. z* c
可以改
4 I5 A( H% M) ]& T: q6 W# v1/ d" V4 ]2 m" l: s- K/ v
1.25
6 [' l( o* p3 g1.5
4 W: n& r8 l' Z% e" E7 t1.75
4 h$ x3 @/ s8 x$ [; j2
2 `6 L1 x  ~) m) w4 e6 V1 o5 r3

该用户从未签到

 楼主| 发表于 2016-6-8 12:21:13 | 显示全部楼层
chigre3 发表于 2016-6-8 04:105 ~# M- j8 n, e+ l
vbnet, 前面我试着弄了另外一个词典的50页,/ w+ u% E1 z9 w! r1 A
由于原始索引偶尔有多了几个单词,& q, l' k8 a7 g; {: r5 e
但是在点击鼠标的时候都 ...
5 |4 n& l1 i% k
好,增加【删除高亮词条】的按钮

该用户从未签到

 楼主| 发表于 2016-6-8 12:22:17 | 显示全部楼层
chigre3 发表于 2016-6-8 05:26
  w9 l/ J9 s$ [* L, r, t* ~' o5 twords 与 XX.YY数据列有上下偏差一行了
7 L7 `4 y) v( C/ w7 R7 y2 ~是这个最新版本里出现的情况
: Z; S; {" N# b7 d! Z1 X大概是因为第二列多了【水平滑动条 ...
: W' }) W$ G% g8 A
那就删了水平滑动条

该用户从未签到

 楼主| 发表于 2016-6-8 12:26:59 | 显示全部楼层
fedor 发表于 2016-6-7 22:15) |' V4 [8 n5 i% V- k
老大,想到个问题,程序中打开图片进行画线,为了画线方便,通常将喜欢图片的比例放的稍大些为好,之后进行 ...
1 w1 b0 n! a* w' w7 \& G
因为红线并不是图片的一部分: U9 ^/ R5 y# m- k
缩图是根据原图来的,红线只是暂时显示出来

该用户从未签到

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

该用户从未签到

 楼主| 发表于 2016-6-8 20:27:59 | 显示全部楼层
chigre3 发表于 2016-6-8 18:44; Y# c1 {1 Q0 t1 ^9 Z6 Z2 W6 {
vbnet真好,接纳这么多修改建议。;)
. K& \' H( Y9 V0 |
: d/ {% A. e: H9 V
更新/ d8 l/ q4 A  ^4 G, H+ p- _) O0 I9 g
加 删除钮6 Z7 X2 M) r# ]- z" r3 F3 {7 `
删 水平滑动条; T8 f2 @1 R8 F8 a3 ?5 d
加减 zoom选项

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-8 20:46:14 | 显示全部楼层
vbnet 发表于 2016-6-8 20:27
' d% ]7 R- y4 T3 F8 b, A4 }更新7 k9 B& n% y! K% U% c4 z
加 删除钮/ L" P" P1 G9 A" J7 T4 [
删 水平滑动条

  [0 U  ^& @0 H3 G' B8 ^3 Y节日礼物么?顶起走。。。。。。。。。

该用户从未签到

发表于 2016-6-9 05:17:04 | 显示全部楼层
本帖最后由 chigre3 于 2016-6-9 05:20 编辑
; }5 A% W3 `0 N+ _8 T+ P- F" O3 e
vbnet 发表于 2016-6-7 22:35& A! p; k' n9 _, ]( e
把图裁成两半,再上下合并(变一栏)
0 q8 [% a/ [( E5 _6 m2 H6 g用你的方法可行吗?* F' W9 ~$ z  F7 A. f$ a
这样字会大一些

& @$ C2 Y" V7 p8 b( l# a+ f; ~! c5 ?/ K# z+ Q" |2 {5 l0 Z6 I' C/ `
增添了X,Y模板,不分栏。! J$ Q! ~  E! B, k7 H1 I7 X, H' G/ F3 ]
适合一栏的图片词典。
5 l, l* d6 q  L3 W( j# P. }+ K若词条XX位置处于同一竖线处,那么X%可以全替换为0%,文本里margin-left:x%可以删除写入CSS$ V" Q) e# u- Y
------------------------------------------------------------------  V2 e4 h, P6 D3 a& k+ p
https://www.pdawiki.com/forum/fo ... &fromuid=174481
9 G, @6 N/ g7 T) s7 i2 d1 x2016.06.08更新:
- M8 ?: q7 P9 s0 X. a# c  j" `- j3 r两栏模板+说明:   20160608_图片版两栏模板.zip
. u8 G$ X) e/ p5 b% QXY模板+说明:   20160608_图片版XY模板.zip

该用户从未签到

发表于 2016-6-9 14:52:41 | 显示全部楼层
祝老大端午节快乐!
  J6 b* E. V+ O% _, c画线版有个建议,程序默认生成txt的格式如下, g! l$ \7 ?1 l# |) P3 e
а, T1 e: Q4 h( ]
<link rel="stylesheet" type="text/css" href="mycss.css">
4 i! o% w: I6 z+ D5 c3 B0 f" o  o<span class="word">а</span><br>! O: j' S) _: n8 g+ C8 }) ^$ @$ F
<div class="pic"> <img src="а.png"></div>& _& Y8 \( J. G( O8 {% |7 ~4 e3 H% P
</>; Q+ a% L4 S& T) Y
АА
5 i( u4 U4 N- I! C<link rel="stylesheet" type="text/css" href="mycss.css">8 d3 y+ D! t# w% C
<span class="word">АА</span><br>4 n; ~- r- g, ]% F6 `- f4 `
<div class="pic"> <img src="АА.png"></div>
! C9 d( Y* C) d, {3 I</>. v) W0 S5 i. p4 r+ n/ g
能否将生成格式改变如下:7 i6 }$ O0 B, D& K& l0 F( u# t
а. \6 Z; J- o; H
<img src="а.png" width="100%">- S5 \3 c5 r0 O
</>
. l* W2 J3 ?4 ?: j6 p: pАА
8 e$ x* g) Q4 w7 o$ s8 ?8 t( ^0 l<img src="АА.png" width="100%">
7 m5 B. q& D: a$ w) a# t</>4 ~: a; r' B% I! n' A( q" G
虽然通过查找替换也能调整过来,但总归不方便。

该用户从未签到

发表于 2016-6-9 17:33:20 | 显示全部楼层
回楼上 这样子没法用CSS更方便定义了
% S1 z6 X. p3 [4 c3 A9 c+ r" X我不同意这样的模板

该用户从未签到

 楼主| 发表于 2016-6-9 18:16:50 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 19:05 编辑
% J( n( x$ K6 X: P
chigre3 发表于 2016-6-9 17:33* f6 W/ j5 @  g. J
回楼上 这样子没法用CSS更方便定义了# n9 f8 i1 ~8 K- W
我不同意这样的模板

6 w$ ]: k, U8 y' r
5 q& v: T3 K- y  \可以增加一个无CSS的菜单
: ~5 h  c8 t9 |! O+ X+ `2 e( L/ B: {6 z' _  s5 K
ps:. }7 \' {( {+ V+ o+ J
我看过你做的双栏范本
  Q7 ~5 g/ e3 G8 J" |" R似乎只用到y%0 r6 R5 t/ D# C( Q) }& r# w: y
左右用HW_L,HW_R控制
* f( W) g8 f7 _7 p4 v做单栏的话,只要! B- f, C1 ~& K/ \, h" q8 M- R
word#y%#当前页#上一页#下一页#word在该页的序号
- T4 B" e) C* O. |# F+ Emargin-top=y%
& i( V( e0 w. W! D8 N' \* F是否如此?( `, R2 P2 v" B6 t- t
class="HW_U". o% D! V3 m/ G. B: l1 @
name=word在该页的序号. m  s! c5 n; H( h4 E) l

5 n  x+ G1 G/ a单词上色是在哪儿?
1 K$ [$ l1 a1 k$ C难道是TEST_P a:hover
- @3 F% M2 v3 s. p& t; n0 {点击单词后触发?
( {4 b0 I7 P1 o9 n. o* f0 x( z- Q: u) o; S1 J, C
词典名_P div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}( }) ^( ~3 g  C  l% U" U+ L
词典名_P div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}
5 |- n  T. {) b, h( t! _  Y) V中间的width:30%;height:1.5%何解?
/ o( k4 N7 C- u) Z6 {: F8 j  e$ |/ P0 o6 A4 I* I: t
等我搞清楚了,先做一个单栏的功能,直接存成mdx用的txt
2 w2 P+ [8 n( C5 u/ U9 \5 n5 k双栏的话,做左右的点选,来改变 class,, i2 s% X; T& W( ?3 Z  z* m3 }# i
5 L- U  g3 j: q( I- p+ @5 [( D3 A7 g
图片型的图,x在不同的地方, style要怎么改?+ {% B! l- A+ ~$ C$ B+ }: E
=========================================
8 z8 @0 C/ i( a2 L: [( ^4 J/ t: l`abbacinare* d6 j5 C5 n' Y& A5 p( v1 ?
<link rel="stylesheet" type="text/css" href="TEST_P.css"><TEST_P>
3 C+ o- v& B5 ?<PAG_R><a href="entry://#0001_R10"><HW>`abbacinare</HW></a></PAG_R><PAG_T>
: i+ e3 b  x% N) o上一页: <a href="entry://TEST_0000">0000</a> 
  h4 ?& O8 ?5 |6 e  _8 S[当前页: <a href="entry://TEST_0001">0001</a>] 
. d; g4 ]: J# N- ~0 S下一页: <a href="entry://TEST_0002">0002</a>
( P2 u5 p. B1 k+ _, ?</PAG_T><div class="ALL">1 U* p1 t& @& t* f: Q
<a name="0001_L1" href="entry://`a"><div class="HW_L" style="margin-top:20.5%"></div></a>
$ s. J' E+ x1 J  `0 D/ N, W; b, W! U<a name="0001_L2" href="entry://`a"><div class="HW_L" style="margin-top:30.83%"></div></a>
4 y/ }/ m* I: i3 V5 ?% m" e<a name="0001_R1" href="entry://`a-"><div class="HW_R" style="margin-top:36%"></div></a>4 Q/ b, L+ L  \6 E4 t5 q: f8 n" }& ]
<a name="0001_R2" href="entry://`a-"><div class="HW_R" style="margin-top:42.5%"></div></a>
3 I1 M) ^" _, A8 @. D" u<a name="0001_R3" href="entry://`abaco"><div class="HW_R" style="margin-top:52.83%"></div></a>
- ]2 d; \6 M0 X+ Y<a name="0001_R4" href="entry://`abate"><div class="HW_R" style="margin-top:59.16%"></div></a>
+ g/ R! K% i( u8 m! r5 L& D<a name="0001_R5" href="entry://`abat-jour"><div class="HW_R" style="margin-top:68.33%"></div></a>4 I# x' n3 B/ B) \! x* u, I) F
<a name="0001_R6" href="entry://`abbacchiamento"><div class="HW_R" style="margin-top:74.5%"></div></a>. R/ g# c' P9 D2 L. j' ?/ v% j
<a name="0001_R7" href="entry://`abbacchiarsi"><div class="HW_R" style="margin-top:79%"></div></a>
2 i- e& \$ ^' n& g$ O<a name="0001_R8" href="entry://`abbacchiato"><div class="HW_R" style="margin-top:83.5%"></div></a>$ [$ [: ]3 q5 Z
<a name="0001_R9" href="entry://`abbacchio"><div class="HW_R" style="margin-top:91.83%"></div></a>/ N8 k' h# `# v' n! F" S
<a name="0001_R10" href="entry://`abbacinare"><div class="HW_R_C" style="margin-top:96.16%"></div></a>6 t9 C% j* [* @& t3 v( j- U3 u
<a name="0001_R11" href="entry://`abbagliante"><div class="HW_R" style="margin-top:117.83%"></div></a>
, {, E1 i# T. d% \<a name="0001_R12" href="entry://`abbagliare"><div class="HW_R" style="margin-top:133.66%"></div></a>9 C: {. k5 E9 ]; D) ^
<a name="0001_R13" href="entry://`abbaglio"><div class="HW_R" style="margin-top:145.58%"></div></a>! h+ W8 J" D9 @1 h
<img src="0001.png"/>7 @0 S/ ]2 m1 U+ \3 e9 U- K% [
</div><PAG_T>
/ A& t! n3 S2 C8 y- f6 H! H" A上一页: <a href="entry://TEST_0000">0000</a> 6 i# H- J$ N* H! y4 V7 v% q: Z
[当前页: <a href="entry://TEST_0001">0001</a>] 
0 @0 ]6 a, f6 {下一页: <a href="entry://TEST_0002">0002</a>  M% j& f& U: [& E/ X) i; `
</PAG_T></TEST_P>
( V0 q. `# l# `( E8 K- d2 ?' ~0 L" R</>3 I& J' R$ J! p" A/ k: f" o6 {
=========================================

该用户从未签到

 楼主| 发表于 2016-6-9 18:17:36 | 显示全部楼层
fedor 发表于 2016-6-9 14:52) c* a. B0 t( r8 d9 l9 V0 R9 D
祝老大端午节快乐!8 B* W, E# V, Q. l
画线版有个建议,程序默认生成txt的格式如下/ G) N* O, w9 f9 n4 U; ~1 T- N/ f5 z, X
а
4 ], r+ M+ N# h' V, ^% U1 d
新增一个无css的

该用户从未签到

发表于 2016-6-9 19:08:16 | 显示全部楼层
vbnet 发表于 2016-6-9 18:16# J4 t* V3 B" z7 t
可以增加一个无CSS的菜单4 S) @4 t0 A2 a& f8 @

$ R) n9 b# M& }! ^- \) Ups:
9 W3 w5 `/ _, C3 ~6 R7 b) |
div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}  h; A4 c3 L" P/ b6 y9 Q  Y) r
+ r- N& E; s% x+ q& M6 E" f
div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}
- o3 C& t3 V: Q# x
) ^. H+ G2 k  Y中间的width:30%;height:1.5%何解?+ E) r! C) E$ h, T0 U; A/ g* ^
---=-=-==---======------% {0 _- m/ {0 b
这里的宽度和高度就是填充的div的宽度和高度,起始坐标就是x% y%

该用户从未签到

发表于 2016-6-9 19:09:52 | 显示全部楼层
HW_U 是灰色 非当前查询的词条区域块3 a; m0 i" @4 t4 |+ d
HW_U_C 是高亮 为当前词条所在区域

该用户从未签到

发表于 2016-6-9 19:17:56 | 显示全部楼层
词头重复的问题:
2 L! F4 ^* _& j1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)! o+ U& p7 n; W1 c  X# v
2. 同页面大小写区别的重复(直接删除重复的词条,但是需要手工添加_C,这种情况极少数)
# ?  l6 {; h/ e/ K. h3. 不同页面的重复(合并内容)。

该用户从未签到

 楼主| 发表于 2016-6-9 19:30:25 | 显示全部楼层
chigre3 发表于 2016-6-9 19:179 O" F* w( E. P- V
词头重复的问题:
) ^! K- e$ Q2 w0 R1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)
. M: t. m& h/ G6 W( ]% O+ T6 j2. 同页面大小写区别的重 ...

4 L0 @: n  ~2 R! \! h这个麻烦
( x# O$ i6 J1 R6 h) Q/ ^# J  s8 y: _- s
我的构想是
3 |  S+ j5 ]' i) _- j7 a* y1 ?! iword#y%#当前页#上一页#下一页#word在该页的序号
5 w  @5 ]& t' H! I) A存成一个结构& a! E  I/ N- H1 K! v4 Z
做txt时,逐行填充,变数从结构中提取1 `: A2 i5 q6 w

8 @$ z7 w: H# D" x  ]4 i% h* m3 G4 l, ]: n3 c' k, e
3 y! K+ P! |) Q3 `) j$ K
9 u- I  N" Y# k5 E' s7 p, c, ^+ l

该用户从未签到

发表于 2016-6-9 19:57:50 | 显示全部楼层
vbnet 发表于 2016-6-9 19:30. o. z! k9 m- _( v# @
这个麻烦7 X* X- H2 z/ @' j4 K9 E

0 |* [: t- _% n* i% ]我的构想是
$ H- `! r- \$ i, p: z  S' N: @0 ~
这样也行,可以实现简单排版

该用户从未签到

发表于 2016-6-9 20:23:58 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 20:49 编辑 " `: C2 k" R) e8 y
vbnet 发表于 2016-6-9 18:17% _) W" d# o* v) h/ \( C
新增一个无css的
- p/ `" ~7 [- \$ Y7 Z
' k3 N. W& ]! S4 \8 f1 H: r, b
谢老大!
- U" S2 K& S2 n/ z% l个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图。
' w/ ]5 P, f( Z: W3 `" `题外话:不截图,以词典整个页面坐标定位词条做出的词典,好像只是电脑上或平板上浏览可以,手机就不适合了。电脑用的图片词典,很早就有大神编了个绿色版软件,词典制作非常方便,只要有图片即可,不需要预先做出全部的词条,只需定位每张图片左上角第一个单词和右下角的最后一个单词即可,如果要查询的词条按字母顺序位于这两个单词之间,那么就自动定位到这张图片上,而且可以上一页下一页进行翻页。例如一本1000页的词典,也就定位不到500个单词就行了,不用半天的时间就可以制作出一部图片词典的。而坐标定位如果10万个单词的话,首先需要录入出10万个单词,每个单词再定位坐标,工程比较大啊。

该用户从未签到

 楼主| 发表于 2016-6-9 20:37:07 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 20:38 编辑 ; L8 g6 p4 E. [) V3 Q# G1 S
fedor 发表于 2016-6-9 20:23+ O% o6 W! E* j2 B; B: |4 B
谢老大!
2 c5 a: F: l* t: M% y8 P6 [7 J个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图 ...

7 h5 P: q% f7 V, f* o0 ]2 ]7 f8 s$ w1 Q5 a" L+ }9 k
主要目的是定位词的位置,而且高亮,不用在图中左右上下找
" v) Y2 Y1 G: f. X7 j) q/ J3 _% l我个人是喜欢一个词一张图# t) {* D9 p" N

该用户从未签到

发表于 2016-6-9 20:58:31 | 显示全部楼层
fedor 发表于 2016-6-9 20:23
( ?5 z0 l  Y; `/ R3 o, T- s! t谢老大!/ r% M/ ~. B; ^# K6 i( K; t- L& @! P
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见 ...
0 P# n! [+ ]: O% L7 w
那是Universale图片版词典 图片以末尾词条为名即可。
! @& U( D9 |* N- \, ]: k查询的单词不一定有 有的话需要自己看  w# L% @+ r/ m0 z6 h2 ~5 J; l
; J6 c* g/ n! `7 p9 o5 d" b
再进一步 就是全部词条的版本
! r4 R0 {3 h6 X
7 p7 T  Z) m' u: T1 B最终完美版呢 就是我们现在做的精确定位的全索引版

该用户从未签到

 楼主| 发表于 2016-6-9 21:26:03 | 显示全部楼层
fedor 发表于 2016-6-9 14:52
! w* k, ^( }9 y5 d& \( y% }6 t7 U1 S祝老大端午节快乐!2 [& m! n. {: c& h" _: F
画线版有个建议,程序默认生成txt的格式如下! y+ X& x! H! s; E) c* Q1 Z  W
а
# ~6 P" [9 u7 N( e& p  j9 O
加个钮

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 21:27:01 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:29 编辑
/ {7 A. F' D( z* Q; E( i
chigre3 发表于 2016-6-9 20:581 r" C0 z- G; O% o0 o2 n- ~9 u
那是Universale图片版词典 图片以末尾词条为名即可。
' Q/ r! t/ S2 \% g查询的单词不一定有 有的话需要自己看

" D2 k0 o; }) o# n6 }! t4 }  Z( o! F. F& M% g+ T8 w
不是你说的Universale图片词典哦

该用户从未签到

发表于 2016-6-9 21:33:07 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:38 编辑
, j- Z7 D2 p4 L* U: z$ D
vbnet 发表于 2016-6-9 21:26
* x; P  ]7 x* [* G9 S1 ^加个钮

7 A/ e9 C, l9 _- c: Z" V2 A$ ?
2 r4 ^' s( `4 o+ A2 p太崇拜你了,效率超级棒!就是这个钮丑了点,呵呵,不过不影响使用。
9 N( {; Z% s% {( u

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 23:50:56 | 显示全部楼层
fedor 发表于 2016-6-9 21:27
0 _6 ]1 b6 F2 r- }& h3 t4 M; y5 ]不是你说的Universale图片词典哦
4 v! C/ z# w' b$ i
我知道的只是这个universale万能图片词典 绿色& F6 `; W- M: G9 q1 ]
你印象里的那个找找看 说不定真的也就是这个呢
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

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

GMT+8, 2026-7-30 02:58 , Processed in 0.020681 second(s), 16 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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