有没有懂前端搞svg的？

赵蜇

想实现那种网页生成编辑流程图、或者流图的东西，只能靠svg来画？（canvas更加不懂）

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

所以我先是画好了svg，然后引入input框

1. <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文件打开也是报错。

赵蜇

孙笑川 发表于 2019-11-26 15:55
上海有个叫赵哲赵教授的人比较懂这一块，你可以请假一下他

他已经死了，孙笑川干的

赵蜇

1号城管 发表于 2019-11-26 15:10
mxgraph它不香吗？

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

eben

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

dwitns

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

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

香芋奶茶

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

deyu

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

赵蜇

dwitns 发表于 2019-12-2 09:07
直接用现成的啊，谁自己开发啊

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

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