V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zzzhan
V2EX  ›  程序员

使用 canvas 创作的产品,可导出 SVG

  •  
  •   zzzhan · 2016-08-19 11:56:35 +08:00 · 3737 次点击
    这是一个创建于 3002 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Shapefly Diagram是一个在线作图新工具.

    让页面画图更加直截了当

    可导出 SVG 是其技术亮点,目前为初始版本,请轻拍 http://shapefly.com

    另, 想在 Product Hunt 推广,可是需要被邀请才能发内容,有点懵.在此求指点,谢谢!

    9 条回复    2016-08-22 10:18:41 +08:00
    guyskk
        1
    guyskk  
       2016-08-19 12:43:51 +08:00
    前几天用了 http://editor.method.ac/ ,对比了一下,你的不能精确控制坐标,也没有 snap to grid ,用来画简单的东西还行。
    yishenggudou
        2
    yishenggudou  
       2016-08-19 13:28:09 +08:00
    开源不
    designer
        3
    designer  
       2016-08-19 13:34:29 +08:00
    有一个 SVG 动画的
    http://snapsvg.io/
    learnshare
        4
    learnshare  
       2016-08-19 13:40:12 +08:00
    的确需要处理一下网格对齐,以及节点 /线条合并
    bertonzh
        5
    bertonzh  
       2016-08-19 14:17:40 +08:00
    鼠标事件的处理有问题,右键的时候会拖动元件。

    没有对 retina 屏幕做优化, Mca 下效果比较差。
    arden
        6
    arden  
       2016-08-20 11:03:20 +08:00
    我想咨询下,用 canvas 画图,画出来的线条有据齿,不平滑,这个怎么处理?
    zzzhan
        7
    zzzhan  
    OP
       2016-08-22 10:06:59 +08:00
    @guyskk 这个是初始版本,慢慢来...
    zzzhan
        8
    zzzhan  
    OP
       2016-08-22 10:16:18 +08:00
    @yishenggudou 有时间的话绘图引擎部分会开源.
    zzzhan
        9
    zzzhan  
    OP
       2016-08-22 10:18:41 +08:00
    @designer SVG 做动画或交互动作不是很明智.SVG 在页面是以 DOM 的形式,是有状态的.所以用 Canvas 的话性能会更佳.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1109 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 22:43 · PVG 06:43 · LAX 14:43 · JFK 17:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.