掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: vbnet

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

  [复制链接]

该用户从未签到

 楼主| 发表于 2016-6-8 12:19:33 | 显示全部楼层
chigre3 发表于 2016-6-7 23:38
9 v0 n; {  H3 h; @4 t8 D3 o对了,说到图片,软件里【zoom】系数基本上只用到1,2+ k$ ]2 D' ?& g+ }! s7 _
估计4以后数值就不太可能用到
0 z7 ]6 [9 c9 w1 J/ w可否增添几个小数 ...
  j/ P" d0 Z# e& e" B6 n
可以改
- _% K/ k8 O9 _2 [# s1
2 ]+ L) S$ W. p& i0 V6 A8 g1.25
3 j9 w' T% E5 y) U1.5' e7 O8 S8 t+ C- j1 r
1.75
; U( G: c; \0 Y2 o2
( D. ^! a/ }/ b! f4 b3

该用户从未签到

 楼主| 发表于 2016-6-8 12:21:13 | 显示全部楼层
chigre3 发表于 2016-6-8 04:10) z4 w% o8 j- Q1 v- y( o
vbnet, 前面我试着弄了另外一个词典的50页,
( R9 B4 S6 J6 F( j( [0 o2 b7 l6 I由于原始索引偶尔有多了几个单词,
( y* E# ^/ f. h; D% k; G4 _5 u$ w但是在点击鼠标的时候都 ...
) K* [+ p3 r' o: ]$ B1 l3 I
好,增加【删除高亮词条】的按钮

该用户从未签到

 楼主| 发表于 2016-6-8 12:22:17 | 显示全部楼层
chigre3 发表于 2016-6-8 05:26) E6 }" z% N! z1 s4 S
words 与 XX.YY数据列有上下偏差一行了
1 O5 J; }$ M8 G# _) b0 h是这个最新版本里出现的情况
$ u6 ^; D  z( U! y7 I大概是因为第二列多了【水平滑动条 ...

* K: y& L- h( C; k! V那就删了水平滑动条

该用户从未签到

 楼主| 发表于 2016-6-8 12:26:59 | 显示全部楼层
fedor 发表于 2016-6-7 22:15
8 L; F$ T* A1 |+ }老大,想到个问题,程序中打开图片进行画线,为了画线方便,通常将喜欢图片的比例放的稍大些为好,之后进行 ...

* S! L% n! m% n( A$ E因为红线并不是图片的一部分1 Q8 f2 b( V! i; e9 E# o7 x
缩图是根据原图来的,红线只是暂时显示出来

该用户从未签到

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

该用户从未签到

 楼主| 发表于 2016-6-8 20:27:59 | 显示全部楼层
chigre3 发表于 2016-6-8 18:44/ f2 W  p( ?" m- e; A
vbnet真好,接纳这么多修改建议。;)
' P& r, H+ s* H# z! m

$ Q- [: {  G5 W# O# x+ T, J更新6 S2 o& O+ D  K% ]8 F/ t
加 删除钮
( A6 ^5 g0 b( p* o- L' a  s删 水平滑动条1 ?: v5 K6 t* p" R% }  E
加减 zoom选项

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-8 20:46:14 | 显示全部楼层
vbnet 发表于 2016-6-8 20:276 R$ o; U. Y7 ?( _' b6 P
更新% w, O0 M! E6 W* n% b6 Z+ v
加 删除钮
) i( e% O  \6 Y删 水平滑动条
0 l6 U  w+ y8 u! G" F6 X/ ~5 r
节日礼物么?顶起走。。。。。。。。。

该用户从未签到

发表于 2016-6-9 05:17:04 | 显示全部楼层
本帖最后由 chigre3 于 2016-6-9 05:20 编辑
% ]. L; p6 c9 O8 I9 D& G
vbnet 发表于 2016-6-7 22:35, M# f- W8 g' r% x2 Q; |
把图裁成两半,再上下合并(变一栏)
# q" Y+ S% L7 \( w用你的方法可行吗?9 M1 N' [# w9 r) }
这样字会大一些

, N' h! O" O1 J0 B0 }% b) V6 c
, S# f7 ?7 |/ R0 _" K0 m0 |增添了X,Y模板,不分栏。4 q' K/ K. P" i: X; g; g
适合一栏的图片词典。
* U' m) s  ~9 w( @, \* ?若词条XX位置处于同一竖线处,那么X%可以全替换为0%,文本里margin-left:x%可以删除写入CSS$ M7 C2 z' j2 T- M, x
------------------------------------------------------------------
1 z# z; E1 Y% u- l+ x# Chttps://www.pdawiki.com/forum/fo ... &fromuid=174481
; O7 C  \7 r; F, n1 N2016.06.08更新:
- h" W' j, q# G. \9 }$ P  e两栏模板+说明:   20160608_图片版两栏模板.zip
9 G: k$ H' P( N: |7 n  X6 rXY模板+说明:   20160608_图片版XY模板.zip

该用户从未签到

发表于 2016-6-9 14:52:41 | 显示全部楼层
祝老大端午节快乐!5 Y( y4 ^9 t4 O* m  H
画线版有个建议,程序默认生成txt的格式如下
& i5 @( I! e, L8 N) \( G! Oа7 G6 C+ v! H: J" g$ }* {! N+ e. w3 t
<link rel="stylesheet" type="text/css" href="mycss.css">1 N2 K8 U+ W8 _* @' x* n. L7 _' e1 C
<span class="word">а</span><br>
9 b5 N+ \) {7 J+ V; ~: H<div class="pic"> <img src="а.png"></div># C; i+ z8 m% Y
</>9 z0 P# f/ K3 P. N
АА
& o5 V' C1 i) v: m8 o! j<link rel="stylesheet" type="text/css" href="mycss.css">
# }: o( t0 |2 v) A; j0 p<span class="word">АА</span><br>4 Y' O, n7 y$ _2 G9 h% D
<div class="pic"> <img src="АА.png"></div>
: Y9 y* K& t4 u6 X" a* f9 L- h+ _</>
" }( H1 l! V9 s  I7 O2 ]. u& |能否将生成格式改变如下:
  m) b4 W7 F5 H1 n$ M1 E" ^а) ^0 y0 l& T( m# ]
<img src="а.png" width="100%">
7 a; O  O3 K2 Y. M4 Y</>
1 [# W* \+ A0 `АА+ s0 n, c; |9 C8 j& `, w  [
<img src="АА.png" width="100%">) o# r- R: z4 w* n& \
</>  r  S' I0 F) E  m0 b5 K
虽然通过查找替换也能调整过来,但总归不方便。

该用户从未签到

发表于 2016-6-9 17:33:20 | 显示全部楼层
回楼上 这样子没法用CSS更方便定义了
, x; N; W3 c1 y" \我不同意这样的模板

该用户从未签到

 楼主| 发表于 2016-6-9 18:16:50 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 19:05 编辑
% o0 N; b$ ~2 g: F
chigre3 发表于 2016-6-9 17:338 E" A% Q7 ]' H0 V
回楼上 这样子没法用CSS更方便定义了
8 G+ ]$ j% Q2 J! w& t; R我不同意这样的模板

) D2 F" P  @6 ^2 l& t: k4 u' h7 C" C' n" W4 Q4 u! i; D
可以增加一个无CSS的菜单
% Q: D0 ~9 B, g3 y% U/ B4 ^& u
4 ]# R" X5 Z# v1 T0 W3 f% D2 Kps:
. t; J5 {5 Y* I; Q3 Z8 z8 D( @我看过你做的双栏范本) j5 V+ k7 T1 h/ n5 t* i% X, e
似乎只用到y%
- x5 f1 \0 Y2 e4 Q: S左右用HW_L,HW_R控制
: A0 r( ?4 k$ I* K: u0 c做单栏的话,只要
0 |  `3 c: i$ i1 @+ ^+ R  ~  Xword#y%#当前页#上一页#下一页#word在该页的序号
# U7 d6 v) W" V) C' _7 Y. {0 x5 ?( _margin-top=y%# r$ j  ]7 ~+ L0 G% i
是否如此?+ K+ R  t: R* P" u! Z. L, L3 `8 S
class="HW_U"
2 P' l3 N: Y' |  f: R' L& J$ X3 Tname=word在该页的序号, K0 W) e; K! b/ ]: j3 e0 u

9 T5 {8 [/ D0 {5 j单词上色是在哪儿?
6 Z$ w) C5 @" Z& S5 w6 m& l9 S难道是TEST_P a:hover6 X! w1 v- u1 B+ b5 n$ j
点击单词后触发?2 ]1 s7 H3 j9 _( o1 i

, N* K, }( C5 H$ E, F4 D词典名_P div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}8 `+ s" h( Y$ d& ?/ q
词典名_P div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}
9 i6 b5 ]: f# x4 x( l中间的width:30%;height:1.5%何解?6 s; q3 |; W, s% S6 {! ~

$ h! j  E  S: O( Q( g, n' E& j等我搞清楚了,先做一个单栏的功能,直接存成mdx用的txt  c. D6 Z0 Q4 b" k: |4 x4 b. f
双栏的话,做左右的点选,来改变 class,
* v: U1 p/ K- T4 ^. C
+ [9 u0 F4 [% A) K图片型的图,x在不同的地方, style要怎么改?0 D; n* X8 b2 i+ ?- B1 g0 S# W
=========================================
5 G% A1 r! @. h`abbacinare
, k  j8 D* z0 X<link rel="stylesheet" type="text/css" href="TEST_P.css"><TEST_P>
' p; D* _% D; B" P<PAG_R><a href="entry://#0001_R10"><HW>`abbacinare</HW></a></PAG_R><PAG_T>; ^8 q; W* G' ~0 \1 u* b9 u' X
上一页: <a href="entry://TEST_0000">0000</a> ( v# F. g, M/ y$ ]5 c/ _
[当前页: <a href="entry://TEST_0001">0001</a>] 
0 L. o: s" U4 G' C2 l7 d0 {下一页: <a href="entry://TEST_0002">0002</a>
" ]% X% L+ k4 m1 ]# {$ v5 d</PAG_T><div class="ALL">
# w6 x5 o, ~6 Q) |! B7 F" {<a name="0001_L1" href="entry://`a"><div class="HW_L" style="margin-top:20.5%"></div></a>- J7 x- o- r! x& Y1 W9 t+ [8 |) P6 A% E
<a name="0001_L2" href="entry://`a"><div class="HW_L" style="margin-top:30.83%"></div></a>
) d9 m* P& y+ T' z0 r- C+ {- i<a name="0001_R1" href="entry://`a-"><div class="HW_R" style="margin-top:36%"></div></a>
$ M8 c( x; P% K3 Q! [) ~; O<a name="0001_R2" href="entry://`a-"><div class="HW_R" style="margin-top:42.5%"></div></a>
/ n& x$ K' V  h, m$ D<a name="0001_R3" href="entry://`abaco"><div class="HW_R" style="margin-top:52.83%"></div></a>
: k: k3 f2 q2 \, M0 x<a name="0001_R4" href="entry://`abate"><div class="HW_R" style="margin-top:59.16%"></div></a>, S5 M( m* l3 b9 y9 [, F
<a name="0001_R5" href="entry://`abat-jour"><div class="HW_R" style="margin-top:68.33%"></div></a>
) c6 X! t& k; C6 P' Z& b<a name="0001_R6" href="entry://`abbacchiamento"><div class="HW_R" style="margin-top:74.5%"></div></a>% k+ {. o; D5 [4 [! F) l
<a name="0001_R7" href="entry://`abbacchiarsi"><div class="HW_R" style="margin-top:79%"></div></a>
: E/ ]9 j4 D3 E7 L5 v6 g* K% r* ?; U<a name="0001_R8" href="entry://`abbacchiato"><div class="HW_R" style="margin-top:83.5%"></div></a>
% a* s; o& ?" b1 i6 X: V<a name="0001_R9" href="entry://`abbacchio"><div class="HW_R" style="margin-top:91.83%"></div></a>
& q! h. U9 {; k8 u<a name="0001_R10" href="entry://`abbacinare"><div class="HW_R_C" style="margin-top:96.16%"></div></a>
; H. q# \3 t( r0 m0 t* ]. |<a name="0001_R11" href="entry://`abbagliante"><div class="HW_R" style="margin-top:117.83%"></div></a>
1 }1 X1 s* P3 H* Z  @/ ^) {, v% H- K0 f: L<a name="0001_R12" href="entry://`abbagliare"><div class="HW_R" style="margin-top:133.66%"></div></a>
/ K# d9 V% |. Z4 k/ B<a name="0001_R13" href="entry://`abbaglio"><div class="HW_R" style="margin-top:145.58%"></div></a>  [6 I8 v( d2 M+ e7 r
<img src="0001.png"/>6 d2 H) _$ M: o1 v! H9 d
</div><PAG_T>5 c( N' r8 a4 f8 }! m% Y
上一页: <a href="entry://TEST_0000">0000</a> , w- ]& m$ C2 q  G3 s
[当前页: <a href="entry://TEST_0001">0001</a>] 4 H9 P( W  D$ Y1 v+ v- p, x0 b
下一页: <a href="entry://TEST_0002">0002</a>
4 ]/ B% u7 R9 _, B4 a, v7 N</PAG_T></TEST_P>
6 J& C; D" q" |+ [: k& T7 Q5 f+ F. p</>
+ A2 d" k9 F* N2 U* R, Y0 c" _1 n=========================================

该用户从未签到

 楼主| 发表于 2016-6-9 18:17:36 | 显示全部楼层
fedor 发表于 2016-6-9 14:520 U( Q- o# h" _5 Q8 O5 w- e. n) u. l$ s
祝老大端午节快乐!
0 @8 i; m8 L1 W3 {画线版有个建议,程序默认生成txt的格式如下
( k6 U4 T2 ]; F" |2 u2 k6 Pа

' y4 x4 {, W7 A, f! n新增一个无css的

该用户从未签到

发表于 2016-6-9 19:08:16 | 显示全部楼层
vbnet 发表于 2016-6-9 18:168 N3 s( u3 e, O6 H
可以增加一个无CSS的菜单+ r) L: `: _. C/ K
4 ]4 s1 W) i) {
ps:
  P9 X! U* ?) W. W7 z4 y0 X( k
div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}( Q$ |6 Z% i1 g7 d! \5 z8 R
1 v( P0 R: s( @4 E% t5 L  }! ~
div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}
. I9 G$ y1 \" G
% r, S+ u( S& V; j% y9 B- A1 {, Z3 u中间的width:30%;height:1.5%何解?. c: `. f3 x3 \# Z( X1 s
---=-=-==---======------/ N: e# N' I6 Y, L( j
这里的宽度和高度就是填充的div的宽度和高度,起始坐标就是x% y%

该用户从未签到

发表于 2016-6-9 19:09:52 | 显示全部楼层
HW_U 是灰色 非当前查询的词条区域块
% ^4 `( ?- v( Y! VHW_U_C 是高亮 为当前词条所在区域

该用户从未签到

发表于 2016-6-9 19:17:56 | 显示全部楼层
词头重复的问题:
1 Z! o1 y( B' a$ R0 u; ^# A& O1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)2 d+ |7 Z" _6 z! D& V9 U
2. 同页面大小写区别的重复(直接删除重复的词条,但是需要手工添加_C,这种情况极少数)
$ j' [4 y6 d) z0 q3. 不同页面的重复(合并内容)。

该用户从未签到

 楼主| 发表于 2016-6-9 19:30:25 | 显示全部楼层
chigre3 发表于 2016-6-9 19:17- \, q, ^2 f9 G# h
词头重复的问题:) j6 W7 |& m/ d6 C$ x/ ]# r
1. 同页面完全一致的重复(直接删除重复的词条, _C替换正常)
( m4 L$ H# I6 k  L- a4 X; \2. 同页面大小写区别的重 ...

' r% L9 ?( f+ N; q, k6 ~这个麻烦
# K9 y  ~- J! R: |* \5 k
% @) u/ Z0 {, E2 v) o7 I我的构想是. ~. {, Q& c4 F" H$ p0 P5 o* c
word#y%#当前页#上一页#下一页#word在该页的序号
- `% J. B" B$ e存成一个结构' g2 u/ r0 y% H$ N% f' n3 E% I
做txt时,逐行填充,变数从结构中提取
8 \, `5 h. S, ~! f
: r( ~( l/ O8 h. i
0 O* s4 m2 [: ^1 O8 K* K- O# V4 C5 L) b& V
, ^& W3 I0 M  p

该用户从未签到

发表于 2016-6-9 19:57:50 | 显示全部楼层
vbnet 发表于 2016-6-9 19:30
- c1 z, k5 O7 |$ a! ]这个麻烦
" g% Z1 _- Z7 b( j( m0 o
, V( ~; W; B2 Y- |* P: V" E我的构想是
* Y# O/ r4 ^* W9 }( F
这样也行,可以实现简单排版

该用户从未签到

发表于 2016-6-9 20:23:58 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 20:49 编辑 7 u5 M& G" i) {' ?
vbnet 发表于 2016-6-9 18:176 R. _1 f7 X3 z# l
新增一个无css的
! B4 M0 ^: a, f, H$ x
* R5 {0 |* s9 r6 g7 ?
谢老大!; }# S1 I6 J5 @# D) ]) Z
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图。
: [) J( J+ D; T题外话:不截图,以词典整个页面坐标定位词条做出的词典,好像只是电脑上或平板上浏览可以,手机就不适合了。电脑用的图片词典,很早就有大神编了个绿色版软件,词典制作非常方便,只要有图片即可,不需要预先做出全部的词条,只需定位每张图片左上角第一个单词和右下角的最后一个单词即可,如果要查询的词条按字母顺序位于这两个单词之间,那么就自动定位到这张图片上,而且可以上一页下一页进行翻页。例如一本1000页的词典,也就定位不到500个单词就行了,不用半天的时间就可以制作出一部图片词典的。而坐标定位如果10万个单词的话,首先需要录入出10万个单词,每个单词再定位坐标,工程比较大啊。

该用户从未签到

 楼主| 发表于 2016-6-9 20:37:07 | 显示全部楼层
本帖最后由 vbnet 于 2016-6-9 20:38 编辑
& i5 o' `# C/ }" S4 T
fedor 发表于 2016-6-9 20:23
/ S* }6 e* Q0 g4 q; N" c3 x: }谢老大!& B) f5 q, ]  G7 O+ t9 G! b
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见图 ...

- P- h, Z" D$ P9 q5 r" N1 D6 c4 `
8 W# ]! W" ]/ D* ~" U8 S8 ?9 ^: |主要目的是定位词的位置,而且高亮,不用在图中左右上下找
: X2 F. B1 f& k: N. o我个人是喜欢一个词一张图+ C6 _1 o8 o$ j3 i  u3 ?) r

该用户从未签到

发表于 2016-6-9 20:58:31 | 显示全部楼层
fedor 发表于 2016-6-9 20:23
+ y$ M. F- g/ U9 Q谢老大!& x% E( g) F6 Z' D
个人感觉无css的,这样做出来的手机词典有纸质词典的原汁原味,当然了仅是个人喜好,示例见 ...
6 b2 g2 R8 P: I% A: r
那是Universale图片版词典 图片以末尾词条为名即可。
6 X+ v0 V3 {5 ?1 {9 Y# ?查询的单词不一定有 有的话需要自己看
* m! B. G, P% L& R" ], E
. Z) X& }2 G0 k0 ]7 X再进一步 就是全部词条的版本9 [& G! a7 r$ R4 c) x
. B8 t& n% F4 m( z8 X! m; X" e4 D
最终完美版呢 就是我们现在做的精确定位的全索引版

该用户从未签到

 楼主| 发表于 2016-6-9 21:26:03 | 显示全部楼层
fedor 发表于 2016-6-9 14:52
2 \1 a1 y8 }0 }* t+ H* u1 l祝老大端午节快乐!) Y1 t1 n* d1 B* W, d& k! S4 Q
画线版有个建议,程序默认生成txt的格式如下
" J+ U  M) g9 h  R3 H3 mа

6 V8 m- I* a. V, U加个钮

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 21:27:01 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:29 编辑 6 U1 S5 i0 Q5 Z( a8 L7 F
chigre3 发表于 2016-6-9 20:584 t" Y7 g& h4 B4 a8 H, A
那是Universale图片版词典 图片以末尾词条为名即可。
8 _9 g* e3 t1 k& @" V4 h* y查询的单词不一定有 有的话需要自己看

0 j8 W$ O7 ~% U+ Z5 D4 ~7 L- S
, U( n2 `6 t3 y5 x, F不是你说的Universale图片词典哦

该用户从未签到

发表于 2016-6-9 21:33:07 | 显示全部楼层
本帖最后由 fedor 于 2016-6-9 21:38 编辑 1 \) }; {2 F8 W" c% K1 c
vbnet 发表于 2016-6-9 21:26
7 y8 o7 o# M7 j$ Y加个钮
" A8 l) w$ i8 G1 f& X" s

9 }8 v% Z& X. y" L. F太崇拜你了,效率超级棒!就是这个钮丑了点,呵呵,不过不影响使用。
# S) s* F3 G9 t- V) m, u" ^! O

本帖子中包含更多资源

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

x

该用户从未签到

发表于 2016-6-9 23:50:56 | 显示全部楼层
fedor 发表于 2016-6-9 21:275 q8 w6 T6 [1 x2 F+ f0 @
不是你说的Universale图片词典哦

1 _' L  K# H7 Q, d我知道的只是这个universale万能图片词典 绿色
" O6 S; Q: p: _% D0 p你印象里的那个找找看 说不定真的也就是这个呢
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

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

GMT+8, 2024-6-18 00:54 , Processed in 0.038152 second(s), 6 queries , MemCache On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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