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

vbnet · 发表于 2016-6-8 12:19:33

chigre3 发表于 2016-6-7 23:384 s" |2 L* k8 H( ~# N8 R, t
对了，说到图片，软件里【zoom】系数基本上只用到1,2! j/ O9 \/ b7 {5 f+ \7 x
估计4以后数值就不太可能用到
M1 e8 e& \2 r$ V3 Z& I可否增添几个小数 ...

可以改
1
1.25
1.5
1.75
2
3

vbnet · 发表于 2016-6-8 12:21:13

chigre3 发表于 2016-6-8 04:10$ {0 r! n; e; _. K8 ]4 ~# a2 Q( r
vbnet, 前面我试着弄了另外一个词典的50页，
0 K, [( P& g! m% j7 k9 I由于原始索引偶尔有多了几个单词，4 @# h3 v2 {. a b4 E/ C" p" M
但是在点击鼠标的时候都 ...

好，增加【删除高亮词条】的按钮

vbnet · 发表于 2016-6-8 12:22:17

chigre3 发表于 2016-6-8 05:261 l9 z9 V% d. @
words 与 XX.YY数据列有上下偏差一行了/ v2 t6 u; f$ }& f* ]7 [1 U( V
是这个最新版本里出现的情况! a' G( U! K; k. K9 m2 a2 x
大概是因为第二列多了【水平滑动条 ...

那就删了水平滑动条

vbnet · 发表于 2016-6-8 12:26:59

fedor 发表于 2016-6-7 22:15$ `9 ^# ^0 s' d: j
老大，想到个问题，程序中打开图片进行画线，为了画线方便，通常将喜欢图片的比例放的稍大些为好，之后进行 ...

因为红线并不是图片的一部分
缩图是根据原图来的，红线只是暂时显示出来

zhu1234 · 发表于 2016-6-8 13:11:39

更新，必顶。。。。

chigre3 · 发表于 2016-6-8 18:44:07

vbnet真好，接纳这么多修改建议。；）

vbnet · 发表于 2016-6-8 20:27:59

chigre3 发表于 2016-6-8 18:44
' c& M. Z4 P. d; @vbnet真好，接纳这么多修改建议。；）

更新
加删除钮
删水平滑动条
加减 zoom选项

zhu1234 · 发表于 2016-6-8 20:46:14

vbnet 发表于 2016-6-8 20:27! h" g, J( t0 X3 b, }
更新9 {9 r/ b) _0 m) r0 k- s
加删除钮
, N M% J$ v& ]# ]: o+ R& P( Q删水平滑动条

节日礼物么？顶起走。。。。。。。。。

chigre3 · 发表于 2016-6-9 05:17:04

本帖最后由 chigre3 于 2016-6-9 05:20 编辑

vbnet 发表于 2016-6-7 22:359 l7 M% x# d- i9 r' _ w
把图裁成两半，再上下合并(变一栏)
9 Y; f4 ?8 E" d9 B用你的方法可行吗?
/ V0 O, v1 G9 O7 n这样字会大一些

增添了X,Y模板，不分栏。
适合一栏的图片词典。
若词条XX位置处于同一竖线处，那么X%可以全替换为0%，文本里margin-left:x%可以删除写入CSS
------------------------------------------------------------------
【https://www.pdawiki.com/forum/fo ... &fromuid=174481】
2016.06.08更新：
两栏模板+说明： 20160608_图片版两栏模板.zip
ＸＹ模板+说明： 20160608_图片版XY模板.zip

fedor · 发表于 2016-6-9 14:52:41

祝老大端午节快乐！
画线版有个建议，程序默认生成txt的格式如下
а
<link rel="stylesheet" type="text/css" href="mycss.css">
<span class="word">а</span><br>
<div class="pic"> <img src="а.png"></div>
</>
АА
<link rel="stylesheet" type="text/css" href="mycss.css">
<span class="word">АА</span><br>
<div class="pic"> <img src="АА.png"></div>
</>
能否将生成格式改变如下：
а
<img src="а.png" width="100%">
</>
АА
<img src="АА.png" width="100%">
</>
虽然通过查找替换也能调整过来，但总归不方便。

chigre3 · 发表于 2016-6-9 17:33:20

回楼上这样子没法用CSS更方便定义了
我不同意这样的模板

vbnet · 发表于 2016-6-9 18:16:50

本帖最后由 vbnet 于 2016-6-9 19:05 编辑

chigre3 发表于 2016-6-9 17:33
1 F6 L4 M3 _3 V6 _# _* X1 J/ I回楼上这样子没法用CSS更方便定义了, `) V' r& ]# D% s% u0 E
我不同意这样的模板

可以增加一个无CSS的菜单

ps:
我看过你做的双栏范本
似乎只用到y%
左右用HW_L，HW_R控制
做单栏的话，只要
word#y%#当前页#上一页#下一页#word在该页的序号
margin-top=y%
是否如此?
class="HW_U"
name=word在该页的序号

单词上色是在哪儿?
难道是TEST_P a:hover
点击单词后触发?

词典名_P div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}
词典名_P div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}
中间的width:30%;height:1.5%何解?

等我搞清楚了，先做一个单栏的功能，直接存成mdx用的txt
双栏的话，做左右的点选，来改变 class，

图片型的图，x在不同的地方， style要怎么改?
=========================================
`abbacinare
<link rel="stylesheet" type="text/css" href="TEST_P.css"><TEST_P>
<PAG_R><a href="entry://#0001_R10"><HW>`abbacinare</HW></a></PAG_R><PAG_T>
上一页: <a href="entry://TEST_0000">0000</a>　
［当前页: <a href="entry://TEST_0001">0001</a>］　
下一页: <a href="entry://TEST_0002">0002</a>
</PAG_T><div class="ALL">
<a name="0001_L1" href="entry://`a"><div class="HW_L" style="margin-top:20.5%"></div></a>
<a name="0001_L2" href="entry://`a"><div class="HW_L" style="margin-top:30.83%"></div></a>
<a name="0001_R1" href="entry://`a-"><div class="HW_R" style="margin-top:36%"></div></a>
<a name="0001_R2" href="entry://`a-"><div class="HW_R" style="margin-top:42.5%"></div></a>
<a name="0001_R3" href="entry://`abaco"><div class="HW_R" style="margin-top:52.83%"></div></a>
<a name="0001_R4" href="entry://`abate"><div class="HW_R" style="margin-top:59.16%"></div></a>
<a name="0001_R5" href="entry://`abat-jour"><div class="HW_R" style="margin-top:68.33%"></div></a>
<a name="0001_R6" href="entry://`abbacchiamento"><div class="HW_R" style="margin-top:74.5%"></div></a>
<a name="0001_R7" href="entry://`abbacchiarsi"><div class="HW_R" style="margin-top:79%"></div></a>
<a name="0001_R8" href="entry://`abbacchiato"><div class="HW_R" style="margin-top:83.5%"></div></a>
<a name="0001_R9" href="entry://`abbacchio"><div class="HW_R" style="margin-top:91.83%"></div></a>
<a name="0001_R10" href="entry://`abbacinare"><div class="HW_R_C" style="margin-top:96.16%"></div></a>
<a name="0001_R11" href="entry://`abbagliante"><div class="HW_R" style="margin-top:117.83%"></div></a>
<a name="0001_R12" href="entry://`abbagliare"><div class="HW_R" style="margin-top:133.66%"></div></a>
<a name="0001_R13" href="entry://`abbaglio"><div class="HW_R" style="margin-top:145.58%"></div></a>
<img src="0001.png"/>
</div><PAG_T>
上一页: <a href="entry://TEST_0000">0000</a>　
［当前页: <a href="entry://TEST_0001">0001</a>］　
下一页: <a href="entry://TEST_0002">0002</a>
</PAG_T></TEST_P>
</>
=========================================

vbnet · 发表于 2016-6-9 18:17:36

fedor 发表于 2016-6-9 14:52, f& L. v& I: p7 z+ t# x7 p
祝老大端午节快乐！. d' w1 O& P7 L( L* r
画线版有个建议，程序默认生成txt的格式如下* M9 Y3 h. D: D/ f( K
а

新增一个无css的

chigre3 · 发表于 2016-6-9 19:08:16

vbnet 发表于 2016-6-9 18:164 E/ x" j/ c+ o. ~$ M: [
可以增加一个无CSS的菜单9 q; w/ M( F; h9 |5 I+ K( W: h

/ L8 E' x z" ?- J' \ps:

div.HW_U{position:absolute;width:30%;height:1.5%;background-color:gray;opacity:0.1;}

div.HW_U_C{position:absolute;width:40%;height:1.5%;background-color:red;opacity:0.2;}

中间的width:30%;height:1.5%何解?
---=-=-==---======------
这里的宽度和高度就是填充的div的宽度和高度，起始坐标就是x% y%

chigre3 · 发表于 2016-6-9 19:09:52

HW_U 是灰色非当前查询的词条区域块
HW_U_C 是高亮为当前词条所在区域

chigre3 · 发表于 2016-6-9 19:17:56

词头重复的问题：
1. 同页面完全一致的重复(直接删除重复的词条， _C替换正常)
2. 同页面大小写区别的重复(直接删除重复的词条，但是需要手工添加_C，这种情况极少数)
3. 不同页面的重复(合并内容)。

vbnet · 发表于 2016-6-9 19:30:25

chigre3 发表于 2016-6-9 19:17/ f3 B7 _% D7 \
词头重复的问题：1 m3 Z1 P" V% G! e6 k1 m
1. 同页面完全一致的重复(直接删除重复的词条， _C替换正常)
1 H- Y7 ~$ O* r6 u) o2. 同页面大小写区别的重 ...

这个麻烦

我的构想是
word#y%#当前页#上一页#下一页#word在该页的序号
存成一个结构
做txt时，逐行填充，变数从结构中提取

chigre3 · 发表于 2016-6-9 19:57:50

vbnet 发表于 2016-6-9 19:30( `- I# v$ _0 i9 d& L+ O3 ]; J3 ^
这个麻烦. O/ N6 ^( y, Z3 x" Z' S- U
7 X- \$ a& k, M( ~" @* E: v
我的构想是

这样也行，可以实现简单排版

fedor · 发表于 2016-6-9 20:23:58

本帖最后由 fedor 于 2016-6-9 20:49 编辑

vbnet 发表于 2016-6-9 18:17 b% i- M* v! `" M8 x) f
新增一个无css的

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

vbnet · 发表于 2016-6-9 20:37:07

本帖最后由 vbnet 于 2016-6-9 20:38 编辑

fedor 发表于 2016-6-9 20:23
2 l. {$ [4 L$ x谢老大！% A( ^0 p7 B) a) W! |4 n) N
个人感觉无css的，这样做出来的手机词典有纸质词典的原汁原味，当然了仅是个人喜好，示例见图 ...

主要目的是定位词的位置，而且高亮，不用在图中左右上下找
我个人是喜欢一个词一张图

chigre3 · 发表于 2016-6-9 20:58:31

fedor 发表于 2016-6-9 20:238 \8 {" S7 C, S5 W. h( ~( {
谢老大！
# W; Q2 d) Y; j: e* j8 }! G1 B) E个人感觉无css的，这样做出来的手机词典有纸质词典的原汁原味，当然了仅是个人喜好，示例见 ...

那是Universale图片版词典图片以末尾词条为名即可。
查询的单词不一定有有的话需要自己看

再进一步就是全部词条的版本

最终完美版呢就是我们现在做的精确定位的全索引版

vbnet · 发表于 2016-6-9 21:26:03

fedor 发表于 2016-6-9 14:52
/ [; s' H$ u7 N1 g* r* D* S6 _" ^( ]祝老大端午节快乐！* K- \' X& N/ ]# @8 o
画线版有个建议，程序默认生成txt的格式如下' E% }& g7 K: B8 Y
а

加个钮

fedor · 发表于 2016-6-9 21:27:01

本帖最后由 fedor 于 2016-6-9 21:29 编辑

chigre3 发表于 2016-6-9 20:58
3 O/ N: [5 \( u8 h, j那是Universale图片版词典图片以末尾词条为名即可。
( j! v2 e) B# L. Q1 b- I# W/ g查询的单词不一定有有的话需要自己看

不是你说的Universale图片词典哦

fedor · 发表于 2016-6-9 21:33:07

本帖最后由 fedor 于 2016-6-9 21:38 编辑

vbnet 发表于 2016-6-9 21:26- Y( l0 h) `+ d3 X3 y6 v
加个钮

太崇拜你了，效率超级棒！就是这个钮丑了点，呵呵，不过不影响使用。

chigre3 · 发表于 2016-6-9 23:50:56

fedor 发表于 2016-6-9 21:270 W. i2 d8 _. }1 a) z
不是你说的Universale图片词典哦

我知道的只是这个universale万能图片词典绿色
你印象里的那个找找看说不定真的也就是这个呢

		自动登录	找回密码
密码			免费注册

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

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源