免費論壇

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

分享

悠闲数学娱乐论坛(第2版) » TeX / LaTeX » tikzjax 能脱离服务器用吗？

12 3 4 5 下一页

返回列表发帖

1^# 跳转到 » 倒序看帖

字体大小: tT

发表于 2020-6-9 11:08 | 只看该作者

tikzjax 能脱离服务器用吗？

如题。tikzjax的网址如下：
http://tikzjax.com

就是在网页上显示tikz图片的那种javascript，网址上面画了一个圆。但我下载之后，发现只能引用那个网址里的javascript，下载到电脑里就不能用了。怎么才能在自己的电脑里直接用呢？
另外我很喜欢tkz-euclide这个包，不知道这个能不能也一起在网页里显示。

分享到: QQ空间 腾讯微博 腾讯朋友

2^#

发表于 2020-6-9 12:17 | 只看该作者

咦？又有新玩意了？我看看能不能弄到论坛上来

3^#

发表于 2020-6-9 13:34 | 只看该作者

原来也不算是新东西了，年多前的了

$\href{https://kuingggg.github.io/}{\text{About Me}}$

4^#

发表于 2020-6-9 14:01 | 只看该作者

我在自己电脑上新建一个 html 文件，按网页上的说法，这样写：

<html>
<head>
<link rel="stylesheet" type="text/css" href="http://tikzjax.com/v1/fonts.css">
<script src="http://tikzjax.com/v1/tikzjax.js"></script>
</head>
<body>
<script type="text/tikz">
\begin{tikzpicture}
\draw (0,0) circle (1in);
\end{tikzpicture}
</script>
</body>
</html>

复制代码

为啥显示不出来……

到底还缺啥？

PS、我还发现有这样一个可以实时预览的：https://tikzjax-demo.glitch.me/

$\href{https://kuingggg.github.io/}{\text{About Me}}$

5^#

发表于 2020-6-10 01:17 | 只看该作者

看来直接弄上论坛是弄不成了……

不过，倒是启发我可以玩玩 SVG，事关这个 tikzjax 其实就是把图形转换为 SVG……

要玩这个得开启 html 代码，测试一下先……

（此图总是 50% 宽度，如果你正在使用非固定宽度的论坛风格，可以切换窗口大小试试）

$\href{https://kuingggg.github.io/}{\text{About Me}}$

6^#

发表于 2020-6-10 01:39 | 只看该作者

在 https://editor.method.ac/ 里画好，再把代码复制过来：

太丑鸟[笑哭]

$\href{https://kuingggg.github.io/}{\text{About Me}}$

7^#

发表于 2020-6-10 13:01 | 只看该作者

几何画板另存 emf 再在网上找 emf 转 SVG 然后贴上来：

这代码的长度……我估计比截图的大小还大……

因为转出来的代码有大量多余的东西，可以手动精简，上图被我批量去掉一堆没用的东西后由 40k 减到 10k，当然最好是在转换之前把能隐藏的都隐藏……

再来一个有字母，还有画笔画的如何：

字母完全没问题（可以被选中，你可以框选试试），画笔画的则是通过一个貌似是 base64 编码的图片来插入的……

$\href{https://kuingggg.github.io/}{\text{About Me}}$

8^#

发表于 2020-6-10 13:56 | 只看该作者

回复 4# kuing

我就是把整个网页都下载下来了，然后直接打开，但也显示不了。问了网友，说是cors的问题，在以前好像是可以的，然后近几年安全性提升了，就不行了。然后我就搜索有关的内容，好像是谷歌有一个什么插件，能直接让它生效这种，但还没弄明白。

其实用这个，并且想用tkz-euclide，就是已经熟悉它了，不想再换别的了，要是换别的，还得再学一套新的东西。如果能直接在网页上显示，然后在真的latex里也能用，那就最好了，什么都不用改，在真的latex里画好了就能直接发到网页上，或者在网页上测试，等完全画好了直接粘贴到真的latex里，那就最方便了。

9^#

发表于 2020-6-10 14:01 | 只看该作者

本帖最后由 abababa 于 2020-6-10 14:03 编辑

回复 5# kuing

论坛上能不能用我就更不会了，但刚才不知怎么弄的，在我的电脑上就可以了，是安装了插件，安装的这个：
Moesif Orign & CORS Changer
然后浏览器上有一个图标，初始时是off，然后点进去变成on，再刷新我的tikzjax网页就能用了。

我先在这里试一试：

<script type="text/tikz">
\begin{tikzpicture}
\draw (0,0) circle (1in);
\end{tikzpicture}
</script>

看来这里是显示不了，那个script什么的没识别出来。

10^#

发表于 2020-6-10 17:42 | 只看该作者

回复 9# abababa

一旦需要装什么插件就已经不适合在论坛上用了……
要搞图形语言“无障碍通行”谈何容易……

11^#

发表于 2020-6-12 12:08 | 只看该作者

回复 10# kuing

这个所说的插件我也不太懂，只是按网友说的下载了这么一个，就什么都不需要改，直接就能看了。网友的原话是：插件解决了那个cors问题，当自己无法取得对应的js脚本时可以用插件解决，当能取得js脚本时可以修改脚本，绕过cors问题。
我在想是不是这个tikzjax就是属于那种能取得js脚本的，就是下载下来一个js文件，然后改这个文件就可以了。

12^#

发表于 2021-9-8 03:21 | 只看该作者

本帖最后由 hbghlyj 于 2021-9-8 03:42 编辑

tikzjax弄出来SVG以后,字符显示不正确

https://githubmemory.com/repo/kisonecat/tikzjax/issues/7
https://stackoverflow.com/questi ... enerated-by-tikzjax
原因是它的字体编码很奇怪

把$π$复制出来却是¼

13^#

发表于 2021-9-9 12:21 | 只看该作者

SVG代码太多了，我觉得就是像latex这样，打出画图的代码，然后在网页上直接显示，这样就很好。

14^#

发表于 2021-9-13 06:05 | 只看该作者

本帖最后由 hbghlyj 于 2021-9-14 07:07 编辑

@kuing
建议后台设置一下,为论坛编辑器增加BBcode:
[svg=長,高] svg 碼[/svg]
以支持 SVG 向量碼之顯示

15^#

发表于 2021-9-13 18:18 | 只看该作者

这个在我的电脑上弄明白了，用Chrome浏览器，然后发送一个快捷方式到桌面上，再右键点那个快捷方式，有一个“属性”，在目标（蓝色）那里填入：
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=~/chromeTemp
就是.exe"后面那些，然后双击这个快捷方式，就能打开文档了。我上传一个index.html的文档，打开这个就能看到一个圆。

index.html (317 Bytes)
无标题.gif

无标题.gif

16^#

发表于 2021-9-27 02:02 | 只看该作者

本帖最后由 hbghlyj 于 2021-12-16 06:34 编辑

https://github.com/manuels/texlive.js/
Compiling LaTeX (TeX live) in your browser
<svg><style>br{display:none}</style></svg>

17^#

发表于 2021-10-1 17:22 | 只看该作者

@kuing
建议后台设置一下,为论坛编辑器增加BBcode:
[svg=長,高] svg 碼[/svg]
以支持 SVG 向量碼之顯示
...
hbghlyj 发表于 2021-9-13 06:05

其实我很早就尝试过了，是实现不了的，因为“ svg 碼”里的 < 和 > 会被论坛转为 < 和 >

18^#

发表于 2021-10-1 17:28 | 只看该作者

回复 17# kuing

QQ截图20211001222441.png

QQ截图20211001222441.png

【测试完毕后仅以以上截图留存内容，svg、svg1 这两个 BBcode 删去。】

19^#

发表于 2021-10-1 18:46 | 只看该作者

回复 18# kuing

这个能不能用js动态来替换？另外我发现4楼的网址里，那个能显示出来图，它的源代码就是直接引用了自己服务器上的，而不是引用了其它服务器上的。那这样的话，能不能把tikzjax.js这个的整个源代码复制过来，然后粘贴到论坛里的一个地方，就是在论坛里新建一个script，专门放那个画图的源代码，这样应该就不会有所说的“跨域”问题了吧，因为现在都是在自己的一个域里。版主能不能建立一个测试论坛专门试一下看看好不好用。

20^#

发表于 2021-10-1 18:52 | 只看该作者

本帖最后由 abababa 于 2021-10-1 18:54 编辑

回复 19# abababa

果然，我试了，我把tikzjax.js整个复制下来，然后在index.html里，就不引用网站的那个js，而是直接写上
<script src="tikzjax.js"></script>

这样就不用调浏览器了，直接就能显示了。我放了两个附件，下载下来放在同一个文件夹里，然后打开index.html就能显示出一个圆了。

index.html (297 Bytes)

tikzjax.js (953.26 KB)

12 3 4 5 下一页

返回列表回复发帖