掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: vbnet

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

  [复制链接]

该用户从未签到

 楼主| 发表于 2016-6-8 12:19:33 | 显示全部楼层
chigre3 发表于 2016-6-7 23:389 r6 V+ q- E6 P: Q
对了,说到图片,软件里【zoom】系数基本上只用到1,2# C2 x: v6 S0 A3 U& E
估计4以后数值就不太可能用到
2 V" z  M1 N. T/ ]8 U+ P4 n可否增添几个小数 ...

% ]' O4 }! x* [& X, \可以改
: k# }0 V' E1 ~: ]  z, @1
' C7 M( c: n# e% f0 R- q( E1.25% z. T* x! `4 d- w# L! r+ P
1.53 p: R. [) O& K8 B0 {
1.75
2 J, A5 g2 ?. Q% h5 V# y% `27 S  n3 i* A( F, m: `0 n
3

该用户从未签到

 楼主| 发表于 2016-6-8 12:21:13 | 显示全部楼层
chigre3 发表于 2016-6-8 04:10
+ o" `  x+ p! ?% n: ^* q* svbnet, 前面我试着弄了另外一个词典的50页,
+ U; d" h' E& K7 a: v# n由于原始索引偶尔有多了几个单词,
" M5 _: T- m5 u2 N/ K2 r" {但是在点击鼠标的时候都 ...
' w* n1 |- q, A2 A, k) r
好,增加【删除高亮词条】的按钮

该用户从未签到

 楼主| 发表于 2016-6-8 12:22:17 | 显示全部楼层
chigre3 发表于 2016-6-8 05:26% d+ L4 {; @/ ]' C- x& T* C
words 与 XX.YY数据列有上下偏差一行了- J9 L  t% p$ D- A4 Y" G
是这个最新版本里出现的情况4 G# U3 N; i& m0 E) h. L
大概是因为第二列多了【水平滑动条 ...
: m0 V; S: Z; _) Z2 {. W% a
那就删了水平滑动条

该用户从未签到

 楼主| 发表于 2016-6-8 12:26:59 | 显示全部楼层
fedor 发表于 2016-6-7 22:15
7 o* B+ o* C/ A老大,想到个问题,程序中打开图片进行画线,为了画线方便,通常将喜欢图片的比例放的稍大些为好,之后进行 ...
- c- F( o3 T, F( x2 t5 t& h
因为红线并不是图片的一部分8 i# L2 G( a4 d" d4 O
缩图是根据原图来的,红线只是暂时显示出来

该用户从未签到

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

该用户从未签到

 楼主| 发表于 2016-6-8 20:27:59 | 显示全部楼层
chigre3 发表于 2016-6-8 18:447 T4 L4 m* Y: U3 g
vbnet真好,接纳这么多修改建议。;)

) A) R& V) @0 i; s2 C+ U! V+ E1 R4 n  U9 y/ N9 P/ j' g
更新
5 K$ j& D& I" L( g; }; _加 删除钮) y) w" Z% N8 k! |$ f0 r
删 水平滑动条* Q# E0 H$ N" m9 ?& J7 M
加减 zoom选项

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-8 20:46:14 | 显示全部楼层
vbnet 发表于 2016-6-8 20:27
1 g# i  J  w6 @+ T+ i更新+ Y; w( \7 s, x) U/ Y
加 删除钮2 W' B( x* ]2 R8 s
删 水平滑动条
3 {" Z* C  m9 J  ?; m) N4 u: O' ~
节日礼物么?顶起走。。。。。。。。。

该用户从未签到

发表于 2016-6-9 05:17:04 | 显示全部楼层
本帖最后由 chigre3 于 2016-6-9 05:20 编辑 7 _+ Y" M3 Z# Z- L7 }1 i" U
vbnet 发表于 2016-6-7 22:35
' j# s' k4 S. U! O) J把图裁成两半,再上下合并(变一栏)
9 X# ]9 U" i0 r. h' K用你的方法可行吗?" `- L7 j. J- t3 ?/ v& k0 c5 i
这样字会大一些

! u: m# |* B1 P7 q  @5 S; u; _; W% B
增添了X,Y模板,不分栏。
) }. }  E. Q& U& n9 R! O适合一栏的图片词典。, U3 i, k8 G9 `
若词条XX位置处于同一竖线处,那么X%可以全替换为0%,文本里margin-left:x%可以删除写入CSS+ N% ?9 ^0 ~8 Y) f. v; P8 p
------------------------------------------------------------------
. v9 l5 o% H; r$ u: u: Fhttps://www.pdawiki.com/forum/fo ... &fromuid=1744813 D6 Y; i3 v5 B) Q. W6 W( |
2016.06.08更新:
; B  `+ @6 k- y; O4 I两栏模板+说明:   20160608_图片版两栏模板.zip# q, s" I. K; W! a; W/ h4 r
XY模板+说明:   20160608_图片版XY模板.zip

该用户从未签到

发表于 2016-6-9 14:52:41 | 显示全部楼层
祝老大端午节快乐!
7 O9 E) M0 A3 P& f- w! P; ]画线版有个建议,程序默认生成txt的格式如下3 P8 I1 j. O. D% o1 d
а$ o; v% O2 U! o$ t' O" x2 F) L2 b- P7 v
<link rel="stylesheet" type="text/css" href="mycss.css">
2 g9 u- z% p# A, b2 t' p<span class="word">а</span><br>
- d# c; {% u) C/ P' L<div class="pic"> <img src="а.png"></div>1 F3 N& O  z" n6 a
</>( @+ H* l7 h% c
АА
$ E* x( v4 _! }) {# i6 K<link rel="stylesheet" type="text/css" href="mycss.css">
( g9 ~7 x. P5 }; _7 @8 R4 z% |<span class="word">АА</span><br>
) t- l" Q: w5 j1 G<div class="pic"> <img src="АА.png"></div>/ {' D4 I2 q( ^7 a
</>
3 _# R/ G  Y- X( ?# h  l能否将生成格式改变如下:
, ^$ ?/ f# Q2 W0 \& [а
" [* f5 ]* I( B6 c<img src="а.png" width="100%">5 Q" O8 K( c* |4 }$ A# v0 T" p
</>
) b/ O1 c7 t: L4 g. q/ Y( D4 NАА# Z" B" O$ j; r. w4 F
<img src="АА.png" width="100%">
8 v9 `8 a# I, \/ Y1 s0 `</>
( d& X/ h2 _; e( {, v8 ~虽然通过查找替换也能调整过来,但总归不方便。

该用户从未签到

发表于 2016-6-9 17:33:20 | 显示全部楼层
回楼上 这样子没法用CSS更方便定义了. \/ E4 @0 ?) Q0 E" `
我不同意这样的模板

该用户从未签到

 楼主| 发表于 2016-6-9 18:16:50 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 19:05 编辑
* R3 w8 c$ K( n
chigre3 发表于 2016-6-9 17:33
- x# v# g2 t% z3 {! G回楼上 这样子没法用CSS更方便定义了
5 t9 u4 W3 m+ G( |3 b. _; u我不同意这样的模板

4 q  E+ z, Y. m$ b
( a8 F- z, B3 A$ }可以增加一个无CSS的菜单
5 p6 h  u6 t, T+ w' [# C; t$ o0 d) _  Z1 f
ps:
  \4 s& M/ b8 i$ [$ w$ U+ {我看过你做的双栏范本
, ?* l  r8 [0 P. W2 W似乎只用到y%' K: b. p' m" @0 q5 I
左右用HW_L,HW_R控制
6 ~* b2 [" E3 O3 a做单栏的话,只要
$ n% Z+ r! ^( W* c: D: Dword#y%#当前页#上一页#下一页#word在该页的序号" H3 M, V! {7 b5 i. w
margin-top=y%
& N8 `3 \4 l  t7 p是否如此?
0 y3 W! m: u& N5 o! Aclass="HW_U"
" c4 N& z; s; wname=word在该页的序号
4 h5 a) x' a( |+ M( ^. a3 t' ]' M. t& U  h( d/ O
单词上色是在哪儿?
6 n9 p1 q* q5 v# G难道是TEST_P a:hover
# e, ]8 Y- y6 ?/ U点击单词后触发?! S2 N0 o+ _  N" {' |

. I; n. B- i0 Q词典名_P div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}# o4 L' R8 }# z( }
词典名_P div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}
4 s7 e4 y  B$ G中间的width:30%;height:1.5%何解?, [2 E5 ~$ q. ?7 C) ?  a5 P
5 Y  w+ L5 W0 n& I
等我搞清楚了,先做一个单栏的功能,直接存成mdx用的txt/ C+ ~2 m$ _% K4 B% g
双栏的话,做左右的点选,来改变 class,
2 k4 q+ e2 P5 ~$ _" n; x0 p4 r
% G# x8 d$ |+ {+ \, p; |图片型的图,x在不同的地方, style要怎么改?" E: K& |; K* `% k& _$ ^, S
=========================================
* g; P" l9 E$ B3 I9 ?, D; i`abbacinare9 E8 F& W! j0 @$ I3 M
<link rel="stylesheet" type="text/css" href="TEST_P.css"><TEST_P>
& l9 j" R. Q! ~  ]<PAG_R><a href="entry://#0001_R10"><HW>`abbacinare</HW></a></PAG_R><PAG_T>
% ^1 \# p" t9 M/ Y( d+ T8 k上一页: <a href="entry://TEST_0000">0000</a> 
! w& _" k# z% [( q[当前页: <a href="entry://TEST_0001">0001</a>] 
6 |6 H! d, e) y2 i' o% [! k4 X下一页: <a href="entry://TEST_0002">0002</a>
$ X3 N) j$ o, {+ V</PAG_T><div class="ALL">
* L- [4 V1 @& u$ Z7 ^% N/ N6 Y<a name="0001_L1" href="entry://`a"><div class="HW_L" style="margin-top:20.5%"></div></a>
' Z( M; ~% O: c5 L8 `<a name="0001_L2" href="entry://`a"><div class="HW_L" style="margin-top:30.83%"></div></a># U- p+ p5 C) ?+ i, H0 {2 K+ P
<a name="0001_R1" href="entry://`a-"><div class="HW_R" style="margin-top:36%"></div></a>
- {, S6 m6 W7 X<a name="0001_R2" href="entry://`a-"><div class="HW_R" style="margin-top:42.5%"></div></a>0 |+ u, c2 t+ I! e. j
<a name="0001_R3" href="entry://`abaco"><div class="HW_R" style="margin-top:52.83%"></div></a>
9 S1 B3 Y' t/ k2 {( z* A' t  J<a name="0001_R4" href="entry://`abate"><div class="HW_R" style="margin-top:59.16%"></div></a>) G" e1 K  M% Q4 T$ d
<a name="0001_R5" href="entry://`abat-jour"><div class="HW_R" style="margin-top:68.33%"></div></a>" Z9 ^: d/ {8 k+ q: |
<a name="0001_R6" href="entry://`abbacchiamento"><div class="HW_R" style="margin-top:74.5%"></div></a>0 _% F& r+ i2 M+ Z# g8 ?
<a name="0001_R7" href="entry://`abbacchiarsi"><div class="HW_R" style="margin-top:79%"></div></a>1 F, N( a, H5 I
<a name="0001_R8" href="entry://`abbacchiato"><div class="HW_R" style="margin-top:83.5%"></div></a>
2 H- ?7 v' m+ d8 y6 ~<a name="0001_R9" href="entry://`abbacchio"><div class="HW_R" style="margin-top:91.83%"></div></a>; k3 R1 \- T1 q: {7 H% V) j
<a name="0001_R10" href="entry://`abbacinare"><div class="HW_R_C" style="margin-top:96.16%"></div></a>
. t  N) S$ h8 A6 m) U6 r( k( w% w<a name="0001_R11" href="entry://`abbagliante"><div class="HW_R" style="margin-top:117.83%"></div></a>$ ?0 R/ a5 z; I
<a name="0001_R12" href="entry://`abbagliare"><div class="HW_R" style="margin-top:133.66%"></div></a>
( N6 s8 s+ t1 `+ G5 ]<a name="0001_R13" href="entry://`abbaglio"><div class="HW_R" style="margin-top:145.58%"></div></a>
- N; {, e2 I! y2 g<img src="0001.png"/>( s5 n. v2 |' d, H- m6 X/ I
</div><PAG_T>" E3 O) ^% ?6 k/ J  v/ w5 T
上一页: <a href="entry://TEST_0000">0000</a> 
+ l$ }' Q4 u+ l( j0 l4 s[当前页: <a href="entry://TEST_0001">0001</a>] - p: O  B! F3 L1 H1 K# @5 J
下一页: <a href="entry://TEST_0002">0002</a>
7 L+ E1 h2 e9 a- b( W! X* S& G</PAG_T></TEST_P>
) x  w  c2 T5 C, r4 b</>  |- ~+ }# T& U8 \, `) A. C! r
=========================================

该用户从未签到

 楼主| 发表于 2016-6-9 18:17:36 | 显示全部楼层
fedor 发表于 2016-6-9 14:526 ?4 p# A& @$ J; U
祝老大端午节快乐!! m0 W7 R; W+ O
画线版有个建议,程序默认生成txt的格式如下' q0 _2 C, H1 _
а
. [) ]' ~  G& M/ Z7 W5 h
新增一个无css的

该用户从未签到

发表于 2016-6-9 19:08:16 | 显示全部楼层
vbnet 发表于 2016-6-9 18:168 o& R2 b7 [# t0 c
可以增加一个无CSS的菜单/ b4 P/ g! [# A5 Z
5 R6 d# N+ F0 _, s. @: h
ps:
$ [, i, G: E; R# M
div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}
2 {2 C9 }) K8 G
; d. f0 X3 S; |# odiv.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}1 e* f) \2 F: Y) n+ U1 N5 V, L

% v4 c1 x* a- @: k% ^9 \) v中间的width:30%;height:1.5%何解?
" b( E- c3 x' Y---=-=-==---======------
3 {4 o5 ^1 h- K7 @- s9 T: J这里的宽度和高度就是填充的div的宽度和高度,起始坐标就是x% y%

该用户从未签到

发表于 2016-6-9 19:09:52 | 显示全部楼层
HW_U 是灰色 非当前查询的词条区域块
- [( {! f) a0 r" T/ a3 SHW_U_C 是高亮 为当前词条所在区域

该用户从未签到

发表于 2016-6-9 19:17:56 | 显示全部楼层
词头重复的问题:) S8 B9 u6 j  s
1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)
$ n0 M+ u: A" v3 ^' R( L2. 同页面大小写区别的重复(直接删除重复的词条,但是需要手工添加_C,这种情况极少数)6 k# Z5 m; \% F: O* \
3. 不同页面的重复(合并内容)。

该用户从未签到

 楼主| 发表于 2016-6-9 19:30:25 | 显示全部楼层
chigre3 发表于 2016-6-9 19:179 L2 N+ z: g* o- [' l
词头重复的问题:, q* o4 w  }8 w& I4 `) w8 _' k
1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)
1 ?+ K" ?2 _4 N0 `2. 同页面大小写区别的重 ...
' M7 Z( n7 E! y0 Y' z$ `, [
这个麻烦* L% f9 ~& I( d" U- X6 c, I

9 ^) T1 u) I  K我的构想是
; t- R; m' I1 l' Sword#y%#当前页#上一页#下一页#word在该页的序号
) N. u6 I/ ^4 n2 L8 u! w: v存成一个结构, l5 K3 }$ V4 x- R& G- V3 x
做txt时,逐行填充,变数从结构中提取" ]0 o, q' G0 ]7 Q+ V* `

$ X; z& \) r. [. {- d7 ~  [5 g3 a. D$ U% p3 m

/ F+ @) a- M7 }$ \6 ?* _; s
0 R* S  ]- m* U. N( B# G

该用户从未签到

发表于 2016-6-9 19:57:50 | 显示全部楼层
vbnet 发表于 2016-6-9 19:30
3 p& c: Z+ L. o1 R这个麻烦
6 V7 |( Q: ^; V. Q/ ?0 [: i
0 @6 A5 c3 d  m* }5 }; l, z- |我的构想是
7 g3 @* X! A' V3 }
这样也行,可以实现简单排版

该用户从未签到

发表于 2016-6-9 20:23:58 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 20:49 编辑 3 B% _: w  Q% j6 o
vbnet 发表于 2016-6-9 18:17* ?. ~- A% d4 O( \4 _
新增一个无css的
/ J2 q7 Y5 N# v0 G0 u6 r

! \9 @6 ~& L* z9 t8 p7 T& \6 Y谢老大!. D, a( T7 ?. K4 d
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图。
% L7 a! L  l$ k题外话:不截图,以词典整个页面坐标定位词条做出的词典,好像只是电脑上或平板上浏览可以,手机就不适合了。电脑用的图片词典,很早就有大神编了个绿色版软件,词典制作非常方便,只要有图片即可,不需要预先做出全部的词条,只需定位每张图片左上角第一个单词和右下角的最后一个单词即可,如果要查询的词条按字母顺序位于这两个单词之间,那么就自动定位到这张图片上,而且可以上一页下一页进行翻页。例如一本1000页的词典,也就定位不到500个单词就行了,不用半天的时间就可以制作出一部图片词典的。而坐标定位如果10万个单词的话,首先需要录入出10万个单词,每个单词再定位坐标,工程比较大啊。

该用户从未签到

 楼主| 发表于 2016-6-9 20:37:07 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 20:38 编辑
- A) r$ W4 A1 T' p
fedor 发表于 2016-6-9 20:234 E; R/ B) G& k7 T7 w. j( L9 s/ q
谢老大!
) Y: b! D3 r3 x% W9 q: c个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图 ...
' s& @; i2 }/ s* K
0 i5 t9 v9 v% d: |: w, p8 L8 l9 J
主要目的是定位词的位置,而且高亮,不用在图中左右上下找: Q0 }$ i; d. G* p2 [8 D
我个人是喜欢一个词一张图
2 ]" c5 F& k2 ^' e( Q- V' `  H

该用户从未签到

发表于 2016-6-9 20:58:31 | 显示全部楼层
fedor 发表于 2016-6-9 20:233 y$ U) i2 N, n! n
谢老大!
2 g; G. K; a1 b' F  l7 L个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见 ...
2 k# ]( ]+ E+ @( Z6 n
那是Universale图片版词典 图片以末尾词条为名即可。
# t2 T1 e* A8 \/ i( W+ N; P查询的单词不一定有 有的话需要自己看8 `& j4 s" O' Z; e9 n2 B
+ t3 @( f  q( l# \3 G1 j- ~; N
再进一步 就是全部词条的版本7 S; ]. \0 u! u( P) M) O3 }
' c9 c: M7 c' ^8 V0 b, F8 x
最终完美版呢 就是我们现在做的精确定位的全索引版

该用户从未签到

 楼主| 发表于 2016-6-9 21:26:03 | 显示全部楼层
fedor 发表于 2016-6-9 14:522 n; g! q; W* a2 O, R6 S/ c: h+ N- |
祝老大端午节快乐!
  r$ K; M5 w' _/ ], ^画线版有个建议,程序默认生成txt的格式如下
$ i# h& U9 B, m; c4 vа

7 Q0 R& E: r! v2 \加个钮

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 21:27:01 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:29 编辑 9 C2 a( S. C3 D/ }
chigre3 发表于 2016-6-9 20:58
- _6 f% m% U, A/ E: ?那是Universale图片版词典 图片以末尾词条为名即可。$ q7 B  i& x1 E/ U! h# l: ]
查询的单词不一定有 有的话需要自己看
6 b' w( s- l! R2 L& f- Q& w
8 k6 o, @9 ^5 h3 Q3 c+ {
不是你说的Universale图片词典哦

该用户从未签到

发表于 2016-6-9 21:33:07 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:38 编辑 / c+ {& y- d$ r
vbnet 发表于 2016-6-9 21:26/ C" N7 {! X2 R6 K: ]$ m9 C
加个钮
; x- g& ~. ~* e/ c! l7 {
. y" E( }  v+ B6 a& v# \
太崇拜你了,效率超级棒!就是这个钮丑了点,呵呵,不过不影响使用。
3 n) l2 `5 f* z

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 23:50:56 | 显示全部楼层
fedor 发表于 2016-6-9 21:27
4 o3 Q0 d' X- s3 A  e. K" i* D! ?, a不是你说的Universale图片词典哦
* i( X/ e% ~2 h% ]: M
我知道的只是这个universale万能图片词典 绿色
7 L! Z# W, _1 I' f6 B  F6 E你印象里的那个找找看 说不定真的也就是这个呢
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

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

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

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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