跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 有没有懂前端搞svg的?
未分類
24 2 月 2020

有没有懂前端搞svg的?

赵蜇 大佬有话说 : 2019-11-26 15:09:00

有没有懂前端搞svg的?

想实现那种网页生成编辑流程图、或者流图的东西,只能靠svg来画?(canvas更加不懂)

当然有那种能在线拖拽编辑svg的网站,我的技术做不到了

所以我先是画好了svg,然后引入input框
<foreignObject style="overflow:visible;" pointer-events="all" width="33" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><input style="background-color:transparent;border:0px;height:14px;width:50px" value="sadadad"></foreignObject>

这样能实现在浏览器上能输入,js调用计算值等等,可问题来了,似乎引入input这东西后,整个<svg></svg>都不是正规的svg格式了?就没有办法将这部分内容export出来(当然能网页截图..)手动搞到.svg文件打开也是报错。

https://upload.cc/i1/2019/11/26/miOkBY.png

赵蜇 大佬有话说 : 2019-11-26 16:17:22

孙笑川 大佬有话说 : 2019-11-26 15:55
上海有个叫赵哲赵教授的人比较懂这一块,你可以请假一下他

他已经死了,孙笑川干的

1号城管 大佬有话说 : 2019-11-26 15:10:12

mxgraph它不香吗?

赵蜇 大佬有话说 : 2019-11-26 15:21:48

1号城管 大佬有话说 : 2019-11-26 15:10
mxgraph它不香吗?

简单看了一下,这东西挺好,能实现那种draw.io那种在线编辑,就是太复杂。
我其实没那么大需求,svg固定,只是几个地方需要手动输入,然后计算其他值这样,导出整个svg。
有没有类似demo瞅瞅

孙笑川 大佬有话说 : 2019-11-26 15:55:37

上海有个叫赵哲赵教授的人比较懂这一块,你可以请假一下他

eben 大佬有话说 : 2019-12-2 09:02:15

这一个帖子我完全看不懂,默默地飘过

dwitns 大佬有话说 : 2019-12-2 09:07:37

直接用现成的啊,谁自己开发啊

https://mermaid-js.github.io/mermaid/#/

香芋奶茶 大佬有话说 : 2019-12-2 09:14:35

本帖最后由 香芋奶茶 于 2019-12-2 09:15 编辑

额,web编辑流程图么,我们这貌似用的是热区:lol :lol :lol
https://c n blogs.com/leigepython/p/9379029.html

deyu 大佬有话说 : 2019-12-2 09:19:19

你这个问题很简单,能做就做,做不了,就找外包,我之前也是这么干的,做不了,老板人比较好,就去找外包了,我验收就行了.感谢我曾经的好老板,

赵蜇 大佬有话说 : 2019-12-4 16:08:56

dwitns 大佬有话说 : 2019-12-2 09:07
直接用现成的啊,谁自己开发啊

https://mermaid-js.github.io/mermaid/#/

svg如何导出呢?网上很多html to png的,svg导出的,可实际去试了,复杂的svg包含html节点,css等,根本导不出来。mxgraph官方那个draw.io倒是可以

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具