掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: vbnet

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

  [复制链接]

该用户从未签到

 楼主| 发表于 2016-6-8 12:19:33 | 显示全部楼层
chigre3 发表于 2016-6-7 23:38
, e/ w. W- r5 w2 B, [& x/ ^对了,说到图片,软件里【zoom】系数基本上只用到1,2
& j  A$ |& B, O) a( Y估计4以后数值就不太可能用到
6 b, F  P$ n3 o# `) }# q可否增添几个小数 ...

; r% s. B& O* a! R" A可以改
; o4 K" o) ^# C. B9 b9 D9 ]; D5 u1$ z, a$ x+ P2 V7 x3 t' |3 [9 V
1.25: W' D6 R) `; m9 X" E  b2 X0 {
1.5% S8 ^" |' _1 y4 M
1.75
8 S0 I% y& P9 o7 U: w2
7 A7 [4 k* u" a- z7 Z- G3

该用户从未签到

 楼主| 发表于 2016-6-8 12:21:13 | 显示全部楼层
chigre3 发表于 2016-6-8 04:10' \6 f/ d( B! Y( Q) o! w: D" J
vbnet, 前面我试着弄了另外一个词典的50页,
3 z2 k+ e4 z: p8 z' ]5 d% ~由于原始索引偶尔有多了几个单词,
2 |  m9 T# I6 Y( B3 ^6 J6 O但是在点击鼠标的时候都 ...
% |0 c; n3 U) s* s
好,增加【删除高亮词条】的按钮

该用户从未签到

 楼主| 发表于 2016-6-8 12:22:17 | 显示全部楼层
chigre3 发表于 2016-6-8 05:26
9 r. W4 i3 J8 t1 p1 q* Jwords 与 XX.YY数据列有上下偏差一行了4 W7 K$ n7 E7 q! U3 o
是这个最新版本里出现的情况
; @+ g# ?) v3 T( W/ l' f, f) V. w9 R6 B3 D大概是因为第二列多了【水平滑动条 ...

3 A, y* C" f; I* ^: [5 L# |那就删了水平滑动条

该用户从未签到

 楼主| 发表于 2016-6-8 12:26:59 | 显示全部楼层
fedor 发表于 2016-6-7 22:15
2 X9 J! A/ D3 b老大,想到个问题,程序中打开图片进行画线,为了画线方便,通常将喜欢图片的比例放的稍大些为好,之后进行 ...

& z! {6 U( w: i" w因为红线并不是图片的一部分
% p" H8 B$ o/ I8 `# {缩图是根据原图来的,红线只是暂时显示出来

该用户从未签到

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

该用户从未签到

 楼主| 发表于 2016-6-8 20:27:59 | 显示全部楼层
chigre3 发表于 2016-6-8 18:44
2 i( N- R  _. O# m. `vbnet真好,接纳这么多修改建议。;)

7 x# O: ]& t. z( T, |5 D9 Z& s/ N& K, u7 [
更新1 X+ |4 D$ v, r* V
加 删除钮
+ }+ g. y$ f, z删 水平滑动条
) p, b) R1 Y! @0 f/ u5 A加减 zoom选项

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-8 20:46:14 | 显示全部楼层
vbnet 发表于 2016-6-8 20:271 J; x* c0 `9 R7 X1 y* e
更新7 p1 W$ [! D1 ^! w/ D
加 删除钮" i4 S9 @  f6 n3 n4 P
删 水平滑动条

# _7 A- ]1 D- q8 ?6 e: W节日礼物么?顶起走。。。。。。。。。

该用户从未签到

发表于 2016-6-9 05:17:04 | 显示全部楼层
本帖最后由 chigre3 于 2016-6-9 05:20 编辑 ; {7 w" l1 L' ~( G: w6 D6 z
vbnet 发表于 2016-6-7 22:35) B: T' v  r) B1 a% x
把图裁成两半,再上下合并(变一栏)+ k1 Z5 }. e4 [6 T8 F$ `
用你的方法可行吗?
  o! g/ K4 }4 {' v8 S3 b9 _( o这样字会大一些
+ V- ~0 O; @% {. s* z- V( o
4 r, R& y- j6 d) X7 G
增添了X,Y模板,不分栏。
, E( d0 G: Z$ X: T- v. a- a适合一栏的图片词典。
% r) T; O  ^4 y- ^7 i若词条XX位置处于同一竖线处,那么X%可以全替换为0%,文本里margin-left:x%可以删除写入CSS: H, N7 @% n% X0 B6 x  W
------------------------------------------------------------------% s6 W7 j- m  r+ U. K+ m2 h
https://www.pdawiki.com/forum/fo ... &fromuid=174481# {/ |! Z0 m0 E# y4 D1 h0 D
2016.06.08更新:
+ y) J9 [& D+ T- P6 f6 ]+ d. h2 p两栏模板+说明:   20160608_图片版两栏模板.zip& ~  O# D2 P$ q' |1 k
XY模板+说明:   20160608_图片版XY模板.zip

该用户从未签到

发表于 2016-6-9 14:52:41 | 显示全部楼层
祝老大端午节快乐!
: [. c0 \9 Q' T0 k6 U+ P画线版有个建议,程序默认生成txt的格式如下
/ A, _/ L/ e1 Wа0 b  F2 S, U# c
<link rel="stylesheet" type="text/css" href="mycss.css">+ |9 |! |- p. I* y' H
<span class="word">а</span><br>5 q/ H6 Y9 x) w' c
<div class="pic"> <img src="а.png"></div>
# t' ~) [9 F4 I5 A2 L( n/ h5 `</>
8 G$ Z. w% @. T1 k, GАА
$ j: t1 Z& ~/ |/ r; R8 u) j+ Q<link rel="stylesheet" type="text/css" href="mycss.css">
) z3 q) W( r1 Y  |1 }<span class="word">АА</span><br>5 O; o7 \* H( @) c+ Q1 I3 \: \( d
<div class="pic"> <img src="АА.png"></div>
; _8 L! N' ]" R* ]6 C4 a</>
, |: j) p! u$ {, F$ c能否将生成格式改变如下:: H6 v3 a4 f' B
а
# X- q3 x" r3 _2 e7 h) M& f<img src="а.png" width="100%">, o4 O1 k2 I- S  n$ G% H
</>
2 u2 X4 J/ ?; r# G! dАА
' }$ k! n9 D0 h& P" n; K& U% f9 d<img src="АА.png" width="100%">7 W: \' F) r1 F2 f
</>5 Q( j8 U4 L9 [* D3 M* }7 e
虽然通过查找替换也能调整过来,但总归不方便。

该用户从未签到

发表于 2016-6-9 17:33:20 | 显示全部楼层
回楼上 这样子没法用CSS更方便定义了1 Y* U0 O, i* w* H( k
我不同意这样的模板

该用户从未签到

 楼主| 发表于 2016-6-9 18:16:50 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 19:05 编辑
" g: ?1 s, a9 Q+ V# e& q; e
chigre3 发表于 2016-6-9 17:33
6 x" N* b5 |7 B, p) Y) l, \1 m0 o回楼上 这样子没法用CSS更方便定义了
( P( @# Y% K# ]- ~, w# E; p* l8 {我不同意这样的模板
; A( S: g) |: c/ w0 N9 _4 B! k
% B- `+ a. }9 n9 A% S8 `
可以增加一个无CSS的菜单
9 M: b+ N* r9 N  A3 ]# b9 n/ w. T
/ `$ R4 l) M2 n: G! Y+ d& n  L% mps:
+ o9 e! \( p- Y( s. J, d7 W我看过你做的双栏范本
) ^$ ~+ V" \& Y7 N似乎只用到y%3 h1 w. B6 I8 j
左右用HW_L,HW_R控制# {4 O7 u* e, o' A
做单栏的话,只要
! m3 F- T; q/ `" bword#y%#当前页#上一页#下一页#word在该页的序号
$ K4 n/ b% H0 [9 l* imargin-top=y%
1 s; W9 g, }8 d是否如此?) g# |2 s0 p  H7 A% A
class="HW_U"
) c' D9 a1 e* o: Z1 kname=word在该页的序号( D+ Z1 i- w! X% S, O% k& d
! `+ e: ~0 a3 H) u4 A, s! e& P; v
单词上色是在哪儿?
; g5 h/ H0 o3 P" C& H' w难道是TEST_P a:hover3 `: C/ o/ T$ E( G2 M5 `( g' E
点击单词后触发?/ M4 H, o% Z6 T$ s- H7 m3 d+ V
- H3 G4 ?" H! ?" H- U
词典名_P div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}% g, F% Q5 ?( h/ ]
词典名_P div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}
' B" Z7 ^6 b8 e中间的width:30%;height:1.5%何解?% s! d% Q7 X' Z' x% a/ `

3 r+ p- B/ _1 |/ `, M等我搞清楚了,先做一个单栏的功能,直接存成mdx用的txt
; M5 N# Q% w5 U  L) A# E1 x8 R双栏的话,做左右的点选,来改变 class,: q6 y6 U( s' a$ @

/ a8 P/ J  }0 a4 j& w图片型的图,x在不同的地方, style要怎么改?
6 `4 C! w- [% [( Q; Q' g=========================================; ^0 u; ~+ I9 c9 c9 N
`abbacinare
+ L% S; @! `4 d! u5 j% \<link rel="stylesheet" type="text/css" href="TEST_P.css"><TEST_P>
0 u: W4 \/ f2 j. i& b1 f. F% M, R2 P: }<PAG_R><a href="entry://#0001_R10"><HW>`abbacinare</HW></a></PAG_R><PAG_T>2 y  ~5 e4 `6 g; t
上一页: <a href="entry://TEST_0000">0000</a> " V- l2 H2 U6 w7 z
[当前页: <a href="entry://TEST_0001">0001</a>] 1 p/ |1 u4 \) K9 d5 s
下一页: <a href="entry://TEST_0002">0002</a>1 j9 ]  T6 @8 O9 V4 a% {5 o+ R
</PAG_T><div class="ALL">
( Q' c+ K4 n* p% s& m5 B<a name="0001_L1" href="entry://`a"><div class="HW_L" style="margin-top:20.5%"></div></a>, q( s$ D, D5 o9 S: b, v& U# J7 S
<a name="0001_L2" href="entry://`a"><div class="HW_L" style="margin-top:30.83%"></div></a>
; _* i- R! Q' w" N6 t+ h3 k, W2 m1 c<a name="0001_R1" href="entry://`a-"><div class="HW_R" style="margin-top:36%"></div></a>7 _8 [3 l1 c6 w& _! W% r- w1 d! ?. O, A3 F
<a name="0001_R2" href="entry://`a-"><div class="HW_R" style="margin-top:42.5%"></div></a>
5 J& w3 i5 d0 w. g% H& r: Z<a name="0001_R3" href="entry://`abaco"><div class="HW_R" style="margin-top:52.83%"></div></a>% T- L6 v- E2 U! N: G7 q6 K1 A5 J
<a name="0001_R4" href="entry://`abate"><div class="HW_R" style="margin-top:59.16%"></div></a>
# ~( E/ q# ?2 b9 k9 F5 e( T2 c5 B<a name="0001_R5" href="entry://`abat-jour"><div class="HW_R" style="margin-top:68.33%"></div></a>
4 i+ s, \7 \1 B1 z<a name="0001_R6" href="entry://`abbacchiamento"><div class="HW_R" style="margin-top:74.5%"></div></a>: D# R; I) ^8 [
<a name="0001_R7" href="entry://`abbacchiarsi"><div class="HW_R" style="margin-top:79%"></div></a>& }; L3 e. e9 }& x; h; n* |
<a name="0001_R8" href="entry://`abbacchiato"><div class="HW_R" style="margin-top:83.5%"></div></a>+ X% @' h' x- F3 F1 \1 |, j% Q
<a name="0001_R9" href="entry://`abbacchio"><div class="HW_R" style="margin-top:91.83%"></div></a>$ E8 S4 Z! d# J% o2 H% n& ]5 A% t
<a name="0001_R10" href="entry://`abbacinare"><div class="HW_R_C" style="margin-top:96.16%"></div></a>
6 h; r9 _% `$ t) C* X/ ^& t. B<a name="0001_R11" href="entry://`abbagliante"><div class="HW_R" style="margin-top:117.83%"></div></a>/ P3 \2 {( b0 D# F; E# i
<a name="0001_R12" href="entry://`abbagliare"><div class="HW_R" style="margin-top:133.66%"></div></a>" |9 ?1 I. C# ~+ l7 c
<a name="0001_R13" href="entry://`abbaglio"><div class="HW_R" style="margin-top:145.58%"></div></a>
4 M, I, I9 A, D3 r% b- I& `7 G) G<img src="0001.png"/>
2 x3 n. P; [: Q</div><PAG_T>
: m' W) S4 q" R0 o$ f上一页: <a href="entry://TEST_0000">0000</a> 2 N1 h6 ~! ^- M  w) G
[当前页: <a href="entry://TEST_0001">0001</a>] 8 s! b9 I6 R8 s/ T/ V1 v9 ?% H
下一页: <a href="entry://TEST_0002">0002</a>9 J# n6 g+ g4 P& ~, K4 D+ v
</PAG_T></TEST_P>
, K8 m* U4 {! ]- Y# O  Q</>
6 y6 q- O3 H6 n$ n$ S- {=========================================

该用户从未签到

 楼主| 发表于 2016-6-9 18:17:36 | 显示全部楼层
fedor 发表于 2016-6-9 14:52
  V/ b5 Z# a8 C/ i, U. t& ?祝老大端午节快乐!
) ]9 x5 P2 k4 ~1 h$ f画线版有个建议,程序默认生成txt的格式如下
& W# P" f$ }& D1 \+ I; gа
  g8 M4 S4 O! M( _, a2 S0 Y
新增一个无css的

该用户从未签到

发表于 2016-6-9 19:08:16 | 显示全部楼层
vbnet 发表于 2016-6-9 18:16
/ L3 I+ v/ {  ?  p+ |( A7 I可以增加一个无CSS的菜单9 v" B3 |& e* R, z2 F# e! d* P

4 o$ @8 c( ?3 b. Y+ c& M6 Nps:

* m5 Y. u1 ^) i/ d4 X+ r  zdiv.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}  n2 f# d5 U* C& g; ^. k1 ^8 Z

, s% Z0 p* E0 ?1 E6 Fdiv.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}, E6 V# g9 |$ V5 y
# Y: C% ]! @: U) B3 y
中间的width:30%;height:1.5%何解?
( h9 \" o" ]1 T! k---=-=-==---======------. ]# q; E; Q2 Z+ ~- r: N
这里的宽度和高度就是填充的div的宽度和高度,起始坐标就是x% y%

该用户从未签到

发表于 2016-6-9 19:09:52 | 显示全部楼层
HW_U 是灰色 非当前查询的词条区域块
5 Y0 I2 I: T5 J9 R1 I, O/ THW_U_C 是高亮 为当前词条所在区域

该用户从未签到

发表于 2016-6-9 19:17:56 | 显示全部楼层
词头重复的问题:6 }- o; g* @6 k7 i
1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)+ C+ W$ [2 R9 q
2. 同页面大小写区别的重复(直接删除重复的词条,但是需要手工添加_C,这种情况极少数)7 m3 L$ L/ b1 E. ?6 q
3. 不同页面的重复(合并内容)。

该用户从未签到

 楼主| 发表于 2016-6-9 19:30:25 | 显示全部楼层
chigre3 发表于 2016-6-9 19:172 ~3 c; s; ]/ I1 t" }$ X+ `
词头重复的问题:
* h2 [/ |& T" ]1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常); D9 ]  p$ S; S8 d- B) f7 f  `
2. 同页面大小写区别的重 ...
7 D0 M- P9 v7 U4 }4 ^# s* G5 \" h
这个麻烦
- E5 d( C6 g" u! o& b  Y3 }3 m! |+ p# q2 l) H! f
我的构想是
. V+ }' g6 q5 C/ B5 ]2 m+ gword#y%#当前页#上一页#下一页#word在该页的序号8 w: E5 j, x' x2 \. J, F# E5 C/ ~
存成一个结构  W$ o5 i+ V  v
做txt时,逐行填充,变数从结构中提取
" I* G7 I6 s. P4 E0 e
& o' @* C; s. B$ E$ Z- t2 @9 ]
$ r. _% ]2 u8 I! ~. {. F- Z2 }! |3 K

9 o/ _" ?' M+ b& B* Y0 _5 U

该用户从未签到

发表于 2016-6-9 19:57:50 | 显示全部楼层
vbnet 发表于 2016-6-9 19:30$ q2 m. o; \! w
这个麻烦
4 @; B# a2 g) C" ^. r+ n; `3 z8 R7 Q- z+ L7 D7 f" S% L3 U4 |0 k! Q
我的构想是
& [# L, ?. K9 l/ c
这样也行,可以实现简单排版

该用户从未签到

发表于 2016-6-9 20:23:58 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 20:49 编辑 & P' j% g: |6 L- F4 ^6 m
vbnet 发表于 2016-6-9 18:17
' N, z! I7 s+ U9 f% \0 U新增一个无css的
# H3 O& M. l3 }% Y& s, z) I
) l1 L) [& r& q; W7 V$ J. R
谢老大!+ `( H# H9 h* l
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图。
" B0 l) j" ]; H: f# x$ c题外话:不截图,以词典整个页面坐标定位词条做出的词典,好像只是电脑上或平板上浏览可以,手机就不适合了。电脑用的图片词典,很早就有大神编了个绿色版软件,词典制作非常方便,只要有图片即可,不需要预先做出全部的词条,只需定位每张图片左上角第一个单词和右下角的最后一个单词即可,如果要查询的词条按字母顺序位于这两个单词之间,那么就自动定位到这张图片上,而且可以上一页下一页进行翻页。例如一本1000页的词典,也就定位不到500个单词就行了,不用半天的时间就可以制作出一部图片词典的。而坐标定位如果10万个单词的话,首先需要录入出10万个单词,每个单词再定位坐标,工程比较大啊。

该用户从未签到

 楼主| 发表于 2016-6-9 20:37:07 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 20:38 编辑 # |& `8 X7 X% n  r9 k8 U1 \
fedor 发表于 2016-6-9 20:231 ~' Q% A6 h2 K  ]' `; E
谢老大!! @; [: u9 h1 f/ B. y
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图 ...

1 N+ D. R2 f# q! T1 M
4 v: Q& O) G4 ~# `主要目的是定位词的位置,而且高亮,不用在图中左右上下找
$ P# |1 }$ `9 n$ C% @+ K我个人是喜欢一个词一张图4 _( \/ Y! f8 B; x

该用户从未签到

发表于 2016-6-9 20:58:31 | 显示全部楼层
fedor 发表于 2016-6-9 20:232 l' _9 ~1 ]: ^1 t: k
谢老大!
* O8 W+ p" o$ ?7 g; N- \- X个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见 ...
  S) J* j' T! \3 ^  L" H, K! K
那是Universale图片版词典 图片以末尾词条为名即可。8 j6 F/ w& x  v4 Z
查询的单词不一定有 有的话需要自己看: v# x; Z# o, M6 p
' ?* j. t( d6 d) y. g+ S
再进一步 就是全部词条的版本
5 o1 h0 [, c8 A( [; ?: M, e/ k% i; U/ @( Q# _2 a7 L3 Y& [
最终完美版呢 就是我们现在做的精确定位的全索引版

该用户从未签到

 楼主| 发表于 2016-6-9 21:26:03 | 显示全部楼层
fedor 发表于 2016-6-9 14:52) ?* Q( z, X* {
祝老大端午节快乐!
% E- f) N8 U) \1 k画线版有个建议,程序默认生成txt的格式如下2 g$ h/ R2 l/ v, T4 A- _+ w% `
а
2 P& J( [! O+ o0 s+ U
加个钮

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 21:27:01 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:29 编辑
3 H+ t# X' c, E/ S! s8 }
chigre3 发表于 2016-6-9 20:58! P+ b7 T  X$ v: L% Y% Z2 {. t
那是Universale图片版词典 图片以末尾词条为名即可。
- ~" [4 `* P# P: J  W) Q查询的单词不一定有 有的话需要自己看
  Q1 W" n7 i! f( g( f( \
! K6 D4 n# \2 t( B) B
不是你说的Universale图片词典哦

该用户从未签到

发表于 2016-6-9 21:33:07 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:38 编辑 9 S* L% g, V) C4 a( S3 v4 G0 {% e9 A
vbnet 发表于 2016-6-9 21:26
  u+ e7 y2 |  ^加个钮

( j2 ^6 }* z2 ?2 ~6 k( \/ r5 [  d4 o
  f" ?3 G# {/ Z: L. ^5 B) }太崇拜你了,效率超级棒!就是这个钮丑了点,呵呵,不过不影响使用。" L4 L1 u" X* q8 l$ J  M

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 23:50:56 | 显示全部楼层
fedor 发表于 2016-6-9 21:27
" t2 `* K7 m( [- u: Z4 ]) r不是你说的Universale图片词典哦
2 f( i. @/ N+ L/ [! `" D1 a; C
我知道的只是这个universale万能图片词典 绿色
+ f8 ^: b' l; R* |你印象里的那个找找看 说不定真的也就是这个呢
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

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

GMT+8, 2024-5-27 19:59 , Processed in 0.050893 second(s), 6 queries , MemCache On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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