代码之家  ›  专栏  ›  技术社区  ›  myborobudur

浏览器中的二维画布

  •  1
  • myborobudur  · 技术社区  · 14 年前

    我正在寻找一个框架或库来使用浏览器作为二维“绘图”工具。

    偶然的绘画不是正确的词。它应该是在画布上添加、删除和移动二维对象和图像。对象应该是图形连接的。在浏览器中创建一个Visio

    我想对于Dojo或原型这样的JavaScript库来说有点过分,但是对于flex或openlaszolo这样的flash框架呢?

    谢谢!

    3 回复  |  直到 14 年前
        1
  •  1
  •   Spudley Pat    14 年前

    大多数现代浏览器现在都支持 <canvas> HTML5中的标签,它可以满足您的需求。您可以使用javascript直接绘制它。在大多数现代浏览器中,支持SVG图形格式,也可以通过javascript操作SVG图形格式,以产生一些非常奇怪的效果。Canvas和SVG的区别在于Canvas用于位图图形,SVG是向量。但这两种都适用于二维绘制。

    如果您需要一个库或框架,您可以尝试类似的方法 Raphael 这是一个很好的用于绘制矢量图形的JS库。它甚至支持早期版本的Explorer,这是一个额外的好处。(如果SVG不可用,则返回到VML)。

        2
  •  1
  •   JeffryHouser    14 年前

    iLog Exlixir 提供一些可能有帮助的图形组件。

        3
  •  0
  •   Kmeixner    12 年前

    OpenLaszlo绝对可以做到这一点。以下是指向OpenLaszlo应用程序的链接,该应用程序是Visio的在线替代方案:

    http://www.gliffy.com/

    在过去的6年中,我还亲自开发和维护了一个OpenLaszlo视频编辑应用程序,它允许您将图像和视频拖动到与您描述的类似的不同位置和层,如果需要,您可以在这里尝试:

    http://www.sarolta.tv/web/sarolta-tools/template-editor.html