掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: vbnet

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

  [复制链接]

该用户从未签到

 楼主| 发表于 2016-6-8 12:19:33 | 显示全部楼层
chigre3 发表于 2016-6-7 23:38) V& ?1 B* C7 ^2 K+ S* O) t$ H
对了,说到图片,软件里【zoom】系数基本上只用到1,2
1 m6 a1 A2 z8 P. {# H% |( P9 S6 `估计4以后数值就不太可能用到
! y, I4 a6 z. a) r1 h可否增添几个小数 ...
5 D2 V% O) [* Q
可以改: m+ K$ u! L( U* K8 Y! n7 ^0 |# `) `
1
$ W* ^, B5 b$ ?2 q1 d1.25. w( r0 J6 D8 O& C
1.5
* h3 q7 W) A& m7 I1.75" Z% n/ G& c4 E. @7 X
2$ f3 j6 g6 Z' Y* `! M4 u2 t  Y; S
3

该用户从未签到

 楼主| 发表于 2016-6-8 12:21:13 | 显示全部楼层
chigre3 发表于 2016-6-8 04:10# o  g; V6 I( j
vbnet, 前面我试着弄了另外一个词典的50页,5 O+ f/ G2 Y9 |: G
由于原始索引偶尔有多了几个单词,
8 E2 C  N+ e2 E9 Q, l但是在点击鼠标的时候都 ...

/ T% Q: x/ r- x* t. @好,增加【删除高亮词条】的按钮

该用户从未签到

 楼主| 发表于 2016-6-8 12:22:17 | 显示全部楼层
chigre3 发表于 2016-6-8 05:264 b7 D& C+ v! R& ?1 w
words 与 XX.YY数据列有上下偏差一行了
" c* t6 l4 t$ n3 v: q3 h' E. K是这个最新版本里出现的情况0 t  O4 ]& H. q
大概是因为第二列多了【水平滑动条 ...
4 N9 x; Z$ n/ [) l3 a+ D
那就删了水平滑动条

该用户从未签到

 楼主| 发表于 2016-6-8 12:26:59 | 显示全部楼层
fedor 发表于 2016-6-7 22:15
( O. n9 V- @2 n# w, m9 `老大,想到个问题,程序中打开图片进行画线,为了画线方便,通常将喜欢图片的比例放的稍大些为好,之后进行 ...

- Z7 W/ e6 I8 P- l因为红线并不是图片的一部分
( z+ o# Z/ G% K' w' \" m缩图是根据原图来的,红线只是暂时显示出来

该用户从未签到

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

该用户从未签到

 楼主| 发表于 2016-6-8 20:27:59 | 显示全部楼层
chigre3 发表于 2016-6-8 18:44+ m2 Q7 h! ]6 e4 Q% ], s  u
vbnet真好,接纳这么多修改建议。;)

9 V" p8 P& s. F' E
0 _& g) T$ j: j更新
" E3 f( W# B9 b6 ^9 \- H3 _加 删除钮
$ N7 c8 N* q  ^+ v# G0 j删 水平滑动条6 H/ D, O. d/ N! n: ?- @7 Z
加减 zoom选项

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-8 20:46:14 | 显示全部楼层
vbnet 发表于 2016-6-8 20:27) H. }6 d$ E. ?2 @' R$ u9 s  H
更新! ^3 m2 I+ `/ {; m9 v
加 删除钮
# u; e9 a$ M; |$ N8 g3 x删 水平滑动条

" v) E% a: v; {8 L节日礼物么?顶起走。。。。。。。。。

该用户从未签到

发表于 2016-6-9 05:17:04 | 显示全部楼层
本帖最后由 chigre3 于 2016-6-9 05:20 编辑 0 e4 g8 c1 Y! h; B" Y
vbnet 发表于 2016-6-7 22:35- j3 i7 k9 T/ c9 x+ d6 q7 ^9 _
把图裁成两半,再上下合并(变一栏)4 E; f/ a0 X3 P: N% [* z7 U! x
用你的方法可行吗?+ z  U) _. ~7 u$ x* m+ U
这样字会大一些
* k* {6 ~3 x; V
4 Q: c. s, W$ M& y
增添了X,Y模板,不分栏。
3 d( L5 k$ p" c适合一栏的图片词典。3 i% {2 r3 D2 P1 O% o0 s" ^
若词条XX位置处于同一竖线处,那么X%可以全替换为0%,文本里margin-left:x%可以删除写入CSS* n5 e/ A- j: W1 v" ~9 M1 e5 F
------------------------------------------------------------------
; S+ D  i: m4 |https://www.pdawiki.com/forum/fo ... &fromuid=174481
, x( R) F, @6 N  B* h2016.06.08更新:/ r; j9 ]+ O; `) `+ l$ H+ T2 m
两栏模板+说明:   20160608_图片版两栏模板.zip6 |" f5 S; x9 r4 Z
XY模板+说明:   20160608_图片版XY模板.zip

该用户从未签到

发表于 2016-6-9 14:52:41 | 显示全部楼层
祝老大端午节快乐!3 N/ L1 }. C2 H: S" L4 W( M
画线版有个建议,程序默认生成txt的格式如下
' g9 E7 _( n& ^8 |( p. I1 mа% M$ f1 D* H/ @
<link rel="stylesheet" type="text/css" href="mycss.css">6 l7 c! Q) i4 ]! l& v- @0 k- M
<span class="word">а</span><br>
; l# x' k! o7 C! {/ ~" I<div class="pic"> <img src="а.png"></div>
$ q: b( V. c' z! f</>* ?& @! r5 J, b3 e$ i, @
АА
1 }' }* [  U# `; \$ Y* g<link rel="stylesheet" type="text/css" href="mycss.css">
: [( h5 z5 Z2 V. K<span class="word">АА</span><br>
& Q# Y# }5 C+ q( f<div class="pic"> <img src="АА.png"></div>/ M5 A6 Z0 R* ?7 ]
</>" w2 H, j# F" i" B
能否将生成格式改变如下:
4 Q8 h0 Y  w) k, I9 t1 tа9 R/ @( m! z$ D
<img src="а.png" width="100%">
/ s" R% P9 b" C; l</>* H* Y& ~3 g$ p  Z$ N' X
АА
9 O6 m4 P3 ?! V4 T<img src="АА.png" width="100%">
: [( Y) j& `8 _8 {3 |, z# y# I</>! M: h6 r. x5 w* z$ ?
虽然通过查找替换也能调整过来,但总归不方便。

该用户从未签到

发表于 2016-6-9 17:33:20 | 显示全部楼层
回楼上 这样子没法用CSS更方便定义了
( z* o0 ]& Y# c1 V( s3 x我不同意这样的模板

该用户从未签到

 楼主| 发表于 2016-6-9 18:16:50 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 19:05 编辑
5 k+ F7 Z" h8 {" ^  R  b
chigre3 发表于 2016-6-9 17:33' X4 ]. W/ Z' @! I0 _9 G0 L$ f/ A
回楼上 这样子没法用CSS更方便定义了% \4 X$ D2 e/ m7 x1 v  W
我不同意这样的模板

: }& v: ?  b0 X0 I5 }
- p0 d, F+ w. M可以增加一个无CSS的菜单0 q, Q  G/ z' z+ K* s& I

0 A" h: p& q) |5 {ps:
6 A6 u5 O- i$ d' s. d* r" ^& |我看过你做的双栏范本4 [* o9 a/ y" J) M+ G# A* Q
似乎只用到y%
4 ]+ \- V' E6 x1 ?左右用HW_L,HW_R控制
3 Y% g8 j- t/ g. V% |做单栏的话,只要! t6 i  _1 X' d$ q3 }! E
word#y%#当前页#上一页#下一页#word在该页的序号
, I  D* _7 m/ W, U- V# zmargin-top=y%! _" ~) \+ A8 ?0 t% ^4 o2 y1 L
是否如此?
" T: R. N, f  L% Bclass="HW_U"
, k3 C7 G; H( A- Q  q* t' M' q( ~name=word在该页的序号
0 |; ]1 O6 Y9 N
: X6 ~1 a! N* Y5 B2 J. u( Y单词上色是在哪儿?6 Z+ W7 E' c7 ]5 M0 d- z9 R
难道是TEST_P a:hover
; t1 I: ^% r8 F( p点击单词后触发?
( N8 O* p$ ?/ b' H4 e* j# ]' y* b4 T' `
4 e! [. Y4 G$ F: ?/ @! K词典名_P div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}9 }; {# C3 Y4 G/ F
词典名_P div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}5 N# y( {% m7 h2 \! P% Z! v! m
中间的width:30%;height:1.5%何解?
' }* j+ V- Y  g) M- L+ ]2 p, O- d3 B- O' f, v' r9 w
等我搞清楚了,先做一个单栏的功能,直接存成mdx用的txt
4 y. D- L3 W: }双栏的话,做左右的点选,来改变 class,: i" G1 V) {; |8 y' F; [- M( x
. E; p  j5 ^0 |
图片型的图,x在不同的地方, style要怎么改?
8 k! N0 l  s' a1 t9 ~8 N7 P" _0 m=========================================+ `# C. z3 f0 \) |) F. y+ ?9 i
`abbacinare
5 S! b# J" r" I; f; \- w" v* c<link rel="stylesheet" type="text/css" href="TEST_P.css"><TEST_P>* d/ u* r/ D' Q5 E1 t: H
<PAG_R><a href="entry://#0001_R10"><HW>`abbacinare</HW></a></PAG_R><PAG_T>
# S1 S: D; v7 j+ a; E1 L上一页: <a href="entry://TEST_0000">0000</a> 
8 U4 l: m4 D- F4 h9 R. P, [, U0 l[当前页: <a href="entry://TEST_0001">0001</a>] 
: S3 R0 w# u5 A- D0 f/ u# z下一页: <a href="entry://TEST_0002">0002</a>
0 Y* d; J0 C0 w# Z</PAG_T><div class="ALL">9 l8 ^4 O5 C' g( e8 k1 t8 m# X
<a name="0001_L1" href="entry://`a"><div class="HW_L" style="margin-top:20.5%"></div></a>" D+ R0 l3 J; K; ]. Y  J3 I0 K
<a name="0001_L2" href="entry://`a"><div class="HW_L" style="margin-top:30.83%"></div></a>- H, J5 I  T9 C, [
<a name="0001_R1" href="entry://`a-"><div class="HW_R" style="margin-top:36%"></div></a>
& \7 S* _! `7 j  x2 h4 G0 I<a name="0001_R2" href="entry://`a-"><div class="HW_R" style="margin-top:42.5%"></div></a>8 G* a; W7 T5 r- h0 y% s# i
<a name="0001_R3" href="entry://`abaco"><div class="HW_R" style="margin-top:52.83%"></div></a>" u# A1 T0 b, l4 R3 F& R/ [7 L3 z: |
<a name="0001_R4" href="entry://`abate"><div class="HW_R" style="margin-top:59.16%"></div></a>
2 d$ |6 y6 `, ^( U2 P* \<a name="0001_R5" href="entry://`abat-jour"><div class="HW_R" style="margin-top:68.33%"></div></a>
' m+ |/ ^& T6 F2 L  H0 \<a name="0001_R6" href="entry://`abbacchiamento"><div class="HW_R" style="margin-top:74.5%"></div></a>
  I: S) W: [* ?, o* n# l8 w<a name="0001_R7" href="entry://`abbacchiarsi"><div class="HW_R" style="margin-top:79%"></div></a>( Q: S2 C& s& U8 k7 K9 y
<a name="0001_R8" href="entry://`abbacchiato"><div class="HW_R" style="margin-top:83.5%"></div></a>
  j. k; e" h* {& Q5 B- U# [) K<a name="0001_R9" href="entry://`abbacchio"><div class="HW_R" style="margin-top:91.83%"></div></a>) j; h3 _0 W+ ~
<a name="0001_R10" href="entry://`abbacinare"><div class="HW_R_C" style="margin-top:96.16%"></div></a>
) Q) n# \. _0 @  b<a name="0001_R11" href="entry://`abbagliante"><div class="HW_R" style="margin-top:117.83%"></div></a>
$ E. O6 {' G2 [4 p" E  F( H/ P<a name="0001_R12" href="entry://`abbagliare"><div class="HW_R" style="margin-top:133.66%"></div></a>3 u. ?& k" O; {3 W+ _; f2 w* c
<a name="0001_R13" href="entry://`abbaglio"><div class="HW_R" style="margin-top:145.58%"></div></a>8 Y6 a6 E5 d+ b$ B
<img src="0001.png"/>9 b  c1 s1 `4 |' K1 w9 o- R' y1 R/ b
</div><PAG_T>
- Z) `& l4 E& L+ m1 Y上一页: <a href="entry://TEST_0000">0000</a> 3 |' O+ T& J$ t! O3 ^- K# ^$ f9 m
[当前页: <a href="entry://TEST_0001">0001</a>] & p% N5 V" a7 ], @7 G
下一页: <a href="entry://TEST_0002">0002</a>6 z& u" H- s8 [- D
</PAG_T></TEST_P>: x! w- b0 ]9 j4 @2 W$ Q* e: s
</>
; g- J/ s& |8 C9 Z=========================================

该用户从未签到

 楼主| 发表于 2016-6-9 18:17:36 | 显示全部楼层
fedor 发表于 2016-6-9 14:52
: ?; W) d, \& K2 P1 p2 i9 g0 B5 v祝老大端午节快乐!* l" _2 \2 w7 \
画线版有个建议,程序默认生成txt的格式如下
3 f* k$ ]: s. D' W4 U! b. v! Mа

) S, f5 n8 H9 d4 U+ O新增一个无css的

该用户从未签到

发表于 2016-6-9 19:08:16 | 显示全部楼层
vbnet 发表于 2016-6-9 18:16
# }+ L* T2 v7 u2 G6 q1 }/ a6 T% d可以增加一个无CSS的菜单
) H' A& A8 c( O8 o3 @+ j2 }: e4 o$ Y& F% f: ~$ V& u
ps:

" h3 J* ]2 Y# x/ b& X7 R) j6 k# pdiv.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}0 i! s2 v7 R& {2 e7 c3 U2 F! a

, M, y3 z  @* Q4 n+ zdiv.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}* Z0 G" Y+ z" m" h" s3 |3 D8 Y- b
9 \' g5 \% {6 E( x1 j& ]) y
中间的width:30%;height:1.5%何解?2 W' s$ Y, `- w4 b" K! I/ D
---=-=-==---======------4 f: @( {. Z/ Y0 V) k3 Y8 p6 w
这里的宽度和高度就是填充的div的宽度和高度,起始坐标就是x% y%

该用户从未签到

发表于 2016-6-9 19:09:52 | 显示全部楼层
HW_U 是灰色 非当前查询的词条区域块7 K1 ?$ `# D9 ?# a8 O- J- J  Y
HW_U_C 是高亮 为当前词条所在区域

该用户从未签到

发表于 2016-6-9 19:17:56 | 显示全部楼层
词头重复的问题:2 w+ G* Q. `; B. y4 `
1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)
: R9 O* ^* H6 H: u2. 同页面大小写区别的重复(直接删除重复的词条,但是需要手工添加_C,这种情况极少数)
0 P- ^7 Z, k" C  z; Z8 b- @3. 不同页面的重复(合并内容)。

该用户从未签到

 楼主| 发表于 2016-6-9 19:30:25 | 显示全部楼层
chigre3 发表于 2016-6-9 19:17+ T0 o; _) c' W1 y  `6 u' I( }/ p
词头重复的问题:
" _6 X$ F  W; J, [4 r/ o" ~1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)
% ~: l5 s$ P$ X2. 同页面大小写区别的重 ...
. X$ z& F5 X$ y- @) @: _7 s$ J- g
这个麻烦) m2 v& X& N# X1 a" U7 C

+ [# {! M" c. F) b我的构想是
3 W  {0 r$ R1 ?% @, y& P# k. {6 u* Yword#y%#当前页#上一页#下一页#word在该页的序号
; u4 |& j8 E( q( Q9 l存成一个结构
3 q7 q. U; ^3 d! Y做txt时,逐行填充,变数从结构中提取
8 I/ `* c. f, P% s2 J4 E5 h5 @
! U6 ~5 M' l: d  C, v' u: R2 ?. l6 S. l( P" T2 X5 l

& H, t& f* L0 X6 P' G7 z! c* p5 e. z  V/ p/ I) ~; G( c: _- z" G

该用户从未签到

发表于 2016-6-9 19:57:50 | 显示全部楼层
vbnet 发表于 2016-6-9 19:30& |. p6 I$ w9 E9 L" ?1 y9 R$ c' W
这个麻烦1 M( m9 c( k8 ?7 g& Q3 t  T5 |
: @% ^2 s$ i$ s7 U: P1 C
我的构想是
* B" c$ G7 l" G2 m  M* \
这样也行,可以实现简单排版

该用户从未签到

发表于 2016-6-9 20:23:58 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 20:49 编辑 / m/ U+ s- R5 m  j8 L' a
vbnet 发表于 2016-6-9 18:17
/ x  K  `- t2 E5 U" v% X新增一个无css的

3 B! B1 z( I5 E
' h" L* I8 `5 d谢老大!; W6 s) n. X3 [) f, x
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图。
+ ?3 ^/ Y. L. e: L2 T" [2 |2 c题外话:不截图,以词典整个页面坐标定位词条做出的词典,好像只是电脑上或平板上浏览可以,手机就不适合了。电脑用的图片词典,很早就有大神编了个绿色版软件,词典制作非常方便,只要有图片即可,不需要预先做出全部的词条,只需定位每张图片左上角第一个单词和右下角的最后一个单词即可,如果要查询的词条按字母顺序位于这两个单词之间,那么就自动定位到这张图片上,而且可以上一页下一页进行翻页。例如一本1000页的词典,也就定位不到500个单词就行了,不用半天的时间就可以制作出一部图片词典的。而坐标定位如果10万个单词的话,首先需要录入出10万个单词,每个单词再定位坐标,工程比较大啊。

该用户从未签到

 楼主| 发表于 2016-6-9 20:37:07 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 20:38 编辑
" {: h+ {; B. u3 _; C1 Y) b
fedor 发表于 2016-6-9 20:232 y6 j3 B/ G: P
谢老大!
" Y$ [, l) G5 H6 y# U5 s个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图 ...

% G# i* y0 z. e
  r) k& y% v# |3 {/ B主要目的是定位词的位置,而且高亮,不用在图中左右上下找
/ y5 t8 j# w/ X' k' N6 ^  ]我个人是喜欢一个词一张图
+ h; s( U9 q) ]9 t, N" W8 T

该用户从未签到

发表于 2016-6-9 20:58:31 | 显示全部楼层
fedor 发表于 2016-6-9 20:23& @" Z) C: M+ N' J" a- ?/ \
谢老大!8 q2 O7 i- x% M+ K
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见 ...
2 J& ^) g, Z1 d. T' `. J
那是Universale图片版词典 图片以末尾词条为名即可。
; Z! B# g  b9 x* x9 `9 J, ^0 a查询的单词不一定有 有的话需要自己看
9 t& L$ |# J# M: y2 f. y4 F! P4 _4 r2 Y* W# U" F
再进一步 就是全部词条的版本
, E  D4 G9 Y# n4 J9 h7 }7 k. W, I1 n( |
最终完美版呢 就是我们现在做的精确定位的全索引版

该用户从未签到

 楼主| 发表于 2016-6-9 21:26:03 | 显示全部楼层
fedor 发表于 2016-6-9 14:521 a4 _8 p  Q, G# O' T+ `+ J
祝老大端午节快乐!
  i& m. C; M$ r- J画线版有个建议,程序默认生成txt的格式如下$ ~4 [% ]5 e- a6 Y: h: M: D+ J" R
а
; X9 `& G* T5 T
加个钮

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 21:27:01 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:29 编辑 9 l- k" n9 l7 Y$ {+ x5 S
chigre3 发表于 2016-6-9 20:58; J' M8 Y  c. ?
那是Universale图片版词典 图片以末尾词条为名即可。
9 E/ K. ~( B$ h4 _1 P; `( w' ~2 `查询的单词不一定有 有的话需要自己看

9 ]" E8 d6 t5 B/ L2 C' v& }: k, u3 i. y2 k( e+ M( ?
不是你说的Universale图片词典哦

该用户从未签到

发表于 2016-6-9 21:33:07 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:38 编辑 " S) S$ C! m% s4 v
vbnet 发表于 2016-6-9 21:262 e/ d6 I9 t8 @( {0 ~
加个钮
5 j  y6 w) S% f8 M
! b# d. c2 R8 S4 y3 k: H
太崇拜你了,效率超级棒!就是这个钮丑了点,呵呵,不过不影响使用。3 ^5 ~: z  K9 G- R" a2 {7 [. Q

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 23:50:56 | 显示全部楼层
fedor 发表于 2016-6-9 21:27
/ D/ R2 C2 l' G不是你说的Universale图片词典哦

  z+ H! l8 n9 t7 t! [" a2 I我知道的只是这个universale万能图片词典 绿色
( _' o; M) _7 _, p& m: t* d  ?你印象里的那个找找看 说不定真的也就是这个呢
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

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

GMT+8, 2024-6-18 03:39 , Processed in 0.042078 second(s), 6 queries , MemCache On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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