有人用过TikzEdt之类的不？

kuing

TikzEdt 看起来是个可以直观 tikz 作图的东东，主页：tikzedt.org/

有人玩过吗？介绍一下怎么用？或者推荐一些类似的软件？

abababa

回复 1# kuing

网友给我介绍过一个叫qtikz的软件，好像是在linux里用的，我没用过，不知是不是版主所说的那类软件。

kuing

回复 2# abababa

看了下，似乎跟下面那种预览器差不多，跟1#的差了右边那些
主页：hackenberger.at/blog/ktikz-editor-for-the-tikz-language/

abababa

回复 3# kuing

我这里打不开版主发的那个软件的网址，不知道怎么回事。

kuing

回复 4# abababa

或许是被qiang了……

abababa

回复 5# kuing

哦，图片能看到一半，看不全，看到版主所说的那些了，是类似快捷按钮之类的吧？点一下就出来代码了。

色k

latexstudio.net/archives/4640

abababa

觉得geogebra能把自动生成的代码做得好点就好了，用软件画几何题里的图挺方便的，不过看tikz不只是画几何图，还有很多其它的，有的可能是叫流程图吧？我也不太懂这名词。

hbghlyj

uk702

可考虑用  svgo (github.com/svg/svgo) 压缩 geogebra 生成的 svg 文件，比如这个文件，由 28k 压缩成 9k。简单文件一般可压缩为约 2~5k 左右。

命令：svgo 32765321.svg

32765321.svg:
Done in 95 ms!
28.279 KiB - 67.4% = 9.217 KiB

hbghlyj

uk702 发表于 2022-12-13 14:49
可考虑用  svgo (github.com/svg/svgo) 压缩 geogebra 生成的 svg 文件，比如这个文件，由 28k 压 ...

相关帖子
Web版GeoGebra导出Tikz
[python3]ggb导出为tikz

uk702

hbghlyj 发表于 2022-12-13 22:04
相关帖子
Web版GeoGebra导出Tikz
ggb导出为tikz

我个人更希望继续使用 svg 格式，上面那个 28k 的 svg 文件还可以继续压缩成 6k，简单图形压缩成5k以下我想多数场合都能接受，如果继续优化代码，应该还能继续压缩，上面那个 28k 的 svg 文件，我用我修改的程序将它压缩为 6k。

进一步压缩可能要改 svg 语法了，比如用 w 和 h 来代替 width、height 之类的（我不太懂 svg，不知道能否用 w/h 来代替 width/height），或者重写并合并各个模式和它的参数。

Tikz 使用的人估计太少了，并且能够将之整合到网页之中的人应该少之又少。

uk702

uk702 发表于 2022-12-13 22:26
我个人更希望继续使用 svg 格式，上面那个 28k 的 svg 文件还可以继续压缩成 6k，简单图形压缩成5k以下我 ...

同时发现 geogebra 生成的 svg 文件过大在主要原因是因为它用 path 来显示各个 label，如果能将之换成 text 语句的话，就能大大减少 svg 的大小，我正在做一些尝试，希望能搞定。

uk702

用 golang 写了一段代码，初步测试效果 ok. 前面那个 28k 的 svg 文件，进一步压缩到 4k 。

1. package main
3. import (
4.         "fmt"
5.         "io/ioutil"
6.         "os"
7.         "os/exec"
8.         "regexp"
9.         "strings"
10.         "strconv"
11.         "unsafe"
13.         "github.com/PuerkitoBio/goquery"
14. )
16. // svgo compress，主要代码
17. func sc(fname string) {
18.                 // 读入文件
19.                 input, err := ioutil.ReadFile(fname)
20.                 content := string(input)
22.                 // goquery 似乎不支持 dom.Find(`clipPath`)??? 故人为地改成 aaaaa
23.                 content = strings.Replace(content, "clipPath", "aaaaa", -1)
25.                 // 将 <g clip-path="...> 更改为 <g>，似乎没有影响，但不确认
26.                 re, _ := regexp.Compile(` clip-path="[^"].*"`)
27.                 content = re.ReplaceAllString(content, "")
29.                 // 下面  30~60 行，读取 viewBox 的 width 和 height 参数，写入变量 v1 与 v2 之中
30.                 // 当 svg 里的元素位置超出 viewBox 时，将之删除
31.                 s := strings.Index(content, "viewBox=")
32.                 i := s+1
33.                 k := 0
35.                 for k != 2 {
36.                         if input[i] == ' ' {
37.                                 k++
38.                         }
40.                         i++
41.                 }
43.                 n := i
44.                 for content[n] != ' ' {
45.                         n++
46.                 }
47.                 s1 := content[i:n]
49.                 n++
50.                 i = n
51.                 for content[n] != '"' {
52.                         n++
53.                 }
54.                 s2 := content[i:n]
56.                 v1, _ := strconv.ParseFloat(string(s1), 32)
57.                 v2, _ := strconv.ParseFloat(string(s2), 32)
58.                 // fmt.Println(v1, v2)
60.                 // 使用 goquery 解析 svg 文件
61.                 dom, err := goquery.NewDocumentFromReader(strings.NewReader(content))
62.                
63.                 // 删除嵌入的图片
64.                 dom.Find(`image`).Each(func(i int, s *goquery.Selection) {
65.                                 parent := s.Parent()
66.                                 parent.Get(0).RemoveChild(s.Get(0))
67.                 })
69.                 // 删除 <clipPath ...>xxxx</clipPath>，删除似乎没有影响，但不确认
70.                 // goquery 似乎不支持 dom.Find(`clipPath`)??? 故人为地改成 aaaaa
71.                 dom.Find(`aaaaa`).Each(func(i int, s *goquery.Selection) {
72.                                 parent := s.Parent()
73.                                 parent.Get(0).RemoveChild(s.Get(0))
74.                 })
76.                 dom.Find(`path`).Each(func(i int, s *goquery.Selection) {
77.                         parent := s.Parent()
78.                         str, _ := parent.Html()
80.                         // 这段代码实现将用 path 来表现的文字（如点的 label）改成用 <text>xxx</text> 来表示
81.                         // 其中的 x、y 位置由 path 的第一个参数 M xxx yyy 中的 xxx、yyy 得到
82.                         // 实践证明多数情况下没问题，但某些情形时有约 10 个点位的偏差，原因未明
83.                         if strings.Index(str, "<path d=\"M") >= 0 {
84.                                 reg := regexp.MustCompile(`<path d="M ([\-0-9.]+) ([\-0-9.]+)`)
85.                                 p := reg.FindStringSubmatch(str)
86.                                 if len(p) > 1 {
87.                                         d1, _ := strconv.ParseFloat(string(p[1]), 32)
88.                                         d2, _ := strconv.ParseFloat(string(p[2]), 32)
89.                                         if d1 > v1 || d2 > v2 {
90.                                                 // 这种情况下的元素位于 viewBox 之外，删除
91.                                                 parent.Get(0).RemoveChild(s.Get(0))
92.                                         } else if len(str) > 300 && strings.Index(str, "Q ") >0 {
93.                                                 // 根据 title 或 desc 来获得当前元素的标签
94.                                                 reg := regexp.MustCompile(`<title>(.*)</title>.*\n.*<desc>(.*)</desc>`)
95.                                                 p := reg.FindStringSubmatch(str)
96.                                                 if len(p) > 0 {
97.                                                         label := p[1]
98.                                                         i := strings.Index(label, " ")
99.                                                         if i >= 0 {
100.                                                                 label = label[i+1:]
101.                                                                 //fmt.Println("#" + p[1][:i] + "#")
103.                                                         if p[1][:i] == "点" {
104.                                                                         st := fmt.Sprintf(`<text x="%.2f" y="%.2f">%s</text>`, d1, d2, label)
105.                                                                         parent.SetHtml(st)
106.                                                                         //fmt.Println(p[1])
107.                                                                 }
108.                                                         } else {
109.                                                                         st := fmt.Sprintf(`<text x="%.2f" y="%.2f">%s</text>`, d1, d2, p[2])
110.                                                                         parent.SetHtml(st)
111.                                                         }
112.                                                 }
113.                                         }
114.                                 }
115.                         }
118.                 })
120.                 // 写回文件
121.                 dom.Find(`html`).Each(func(i int, selection *goquery.Selection) {
122.                         outstr, _ := selection.Html()
123.                         ioutil.WriteFile(fname, []byte(outstr[19:len(outstr)-29]), 0666)
124.                 })
125. }
127. // 用法：sc.exe xxx.svg
128. func main() {
129.         fname := "C:\\Temp\\geogebra.svg"
130.         if len(os.Args) > 1 {
131.                         fname = os.Args[1]
132.                         fmt.Println(fname)
133.         }        
135.         // 调用压缩函数
136.         sc(fname)
138.         // 调第三方工具 svgo 进行第二轮优化
139.         cmd := exec.Command("C:\\...\\npm\\svgo.cmd", fname)
140.         cmd.Run()       
141. }

Copy the Code

uk702

声明：这里的优化专用于 geogebra 导出的 svg 优化，不适用其它 svg 文件，也不能重复应用于已经优化过的 geogebra 导出的 svg 。

更进一步，画各个点的代码改用 <circle> 语句，原来的 28k 文件现在进一步压缩为 2k，而整个图形（近乎）保持不变。

这里说的近乎保持不变（已知问题），主要有以下几点：
1）小数点精度这里始终保持 2 位；
2）不再区分自由点和非自由点，每个点始终用 blue 填充；
3)  某些点的位置及大小（font-size)发生微小变化。（bug，一般，暂时视作可忽略）
4）中文文本或 latex 文本内容可能显示会有些问题。（bug, 严重，暂时视作规避并待改进）

新代码如下（func main 不变就不贴出了）

1. func sc(fname string) {
2.         input, err := ioutil.ReadFile(fname)
3.         content := string(input)
5.         prevx, prevy := 0.0, 0.0
6.        
7.         // 这里 content 和 input 能保持一致，但后面对 content 进行 replace 之后，就不一致了
8.         s := strings.Index(content, "viewBox=")
9.         i := s+1
10.         k := 0
12.         for k != 2 {
13.                 if input[i] == ' ' {
14.                         k++
15.                 }
17.                 i++
18.         }
19.        
20.         n := i
21.         for content[n] != ' ' {
22.                 n++
23.         }
24.         s1 := content[i:n]
26.         n++
27.         i = n
28.         for content[n] != '"' {
29.                 n++
30.         }
31.         s2 := content[i:n]
32.         //fmt.Println(s1, s2)
34.         v1, _ := strconv.ParseFloat(string(s1), 32)
35.         v2, _ := strconv.ParseFloat(string(s2), 32)
36.         // fmt.Println(v1, v2)
38.         content = strings.Replace(content, "clipPath", "aaaaa", -1)
39.         content = strings.Replace(content, `stroke-linecap="round"`, "", -1)
40.         content = strings.Replace(content, `stroke-linejoin="round"`, "", -1)
42.         re, _ := regexp.Compile(` clip-path="[^"].*"`)
43.         content = re.ReplaceAllString(content, "")
45.         re, _ = regexp.Compile(`\.(\d\d)(\d+)`)
46.         content = re.ReplaceAllString(content, ".$1")
49.         dom, err := goquery.NewDocumentFromReader(strings.NewReader(content))
50.        
51.         // 筛选含有transform属性的g元素并删除
52.         // dom.Find(`g[transform]`).Each(func(i int, s *goquery.Selection) {
53.         //   parent := s.Parent()
54.         //   parent.Get(0).RemoveChild(s.Get(0))
55.         // })
56.        
57.         dom.Find(`image`).Each(func(i int, s *goquery.Selection) {
58.                 parent := s.Parent()
59.                 parent.Get(0).RemoveChild(s.Get(0))
60.         })
62.         // 似乎不支持 dom.Find(`clipPath`)，故先人为改成 aaaaa
63.         dom.Find(`aaaaa`).Each(func(i int, s *goquery.Selection) {
64.                 parent := s.Parent()
65.                 parent.Get(0).RemoveChild(s.Get(0))
66.         })
68.         dom.Find(`path`).Each(func(i int, s *goquery.Selection) {
69.                 parent := s.Parent()
70.                 str, _ := parent.Html()
72.                 if strings.Index(str, "<path d=\"M") >= 0 {
73.                         dstr, _ := s.Attr("d")
74.                        
75.                         reg := regexp.MustCompile(`<path d="M ([\-0-9.]+) ([\-0-9.]+)`)
76.                         p := reg.FindStringSubmatch(str)
77.                         if len(p) > 1 {
78.                                 d1, _ := strconv.ParseFloat(string(p[1]), 32)
79.                                 d2, _ := strconv.ParseFloat(string(p[2]), 32)
80.                                 if d1 > v1 || d2 > v2 {
81.                                         //fmt.Println(d1, v1, d2, v2)
82.                                         parent.Get(0).RemoveChild(s.Get(0))
83.                                 } else if strings.Index(dstr, "Q ") > 0 {
84.                                         reg := regexp.MustCompile(`<title>(.*)</title>.*\n.*<desc>(.*)</desc>`)
85.                                         p := reg.FindStringSubmatch(str)
86.                                         if len(p) > 0 {
87.                                                 label := p[1]
88.                                                 i := strings.Index(label, " ")
89.                                                 if i >= 0 {
90.                                                         label = label[i+1:]
91.                                                         //fmt.Println("#" + p[1][:i] + "#")
93.                                                         if p[1][:i] == "点" {
94.                                                                 // 若标签如 M_2 之类的，表示带下标的 $M_2$ 格式
95.                                                                 if strings.Index(label, "_") < 0 {
96.                                                                         st := fmt.Sprintf(`<text x="%.2f" y="%.2f">%s</text>`, d1, d2, label)
97.                                                                         parent.SetHtml(st)
98.                                                                         //fmt.Println(p[1])
99.                                                                 }
100.                                                         }
101.                                                 } else {
102.                                                                 st := fmt.Sprintf(`<text x="%.2f" y="%.2f">%s</text>`, d1, d2, p[2])
103.                                                                 parent.SetHtml(st)
104.                                                 }
105.                                         }
106.                                 } else if strings.Index(dstr, "C ") > 0 {
107.                                         // 将画点的代码改为用 <circle> 指令
108.                                         reg := regexp.MustCompile(`<title>(.*)</title>.*\n.*<desc>(.*)</desc>`)
109.                                         p := reg.FindStringSubmatch(str)
110.                                         if len(p) > 0 {
111.                                                 label := p[1]
112.                                                 i := strings.Index(label, " ")
113.                                                 if i >= 0 {
114.                                                         label = label[i+1:]
115.                                                         //fmt.Println("#" + p[1][:i] + "#")
117.                                                         if p[1][:i] == "点" {
118.                                                                 if d1 == prevx && d2 == prevy {
119.                                                                         parent.Get(0).RemoveChild(s.Get(0))
120.                                                                 } else {       
121.                                                                         prevx, prevy = d1, d2
122.                                                                         st := fmt.Sprintf(`<circle cx="%.2f" cy="%.2f" r="5" fill="blue"/> `, d1-3.0, d2)
123.                                                                         parent.SetHtml(st)
124.                                                                 }       
125.                                                         }
126.                                                 } else {
127.                                                         //这种情况需要进一步跟踪
128.                                                         // st := fmt.Sprintf(`<text x="%.2f" y="%.2f">%s</text>`, d1, d2, p[2])
129.                                                         // parent.SetHtml(st)
130.                                                 }
131.                                         }
132.                                 }
134.                         }
135.                 }
138.         })
140.         dom.Find(`html`).Each(func(i int, selection *goquery.Selection) {
141.                 outstr, _ := selection.Html()
142.                 ioutil.WriteFile(fname, []byte(outstr[19:len(outstr)-29]), 0666)
143.         })
144. }

Copy the Code