`
Ghost_Good
  • 浏览: 12451 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

原创开源SVG/VML在线画图插件

阅读更多
      Open JQuery推出第一个开源JQuery插件 -- open.jquery.draw.core.js v1.0。

      虽然HTML5和CSS3是未来发展的必然趋势,但在国内要得到普及个人预测至少需要十年时间,相信大家都看过jQuery官方的那个博客(Seems like some sort of human rights violation 你懂的)。

      在线画图功能在互联网应用或企业应用中都有着广泛的应用,但关于SVG和VML的插件却非常的少,国内更是没有,国外有一个jquery.svg.js(有兴趣的可以点击进去下载),所以作者利用业余时间开发了插件,并将开放其源代码。

      介绍:open.jquery.draw.core.js是对在线画图功能的封装,目前只支持SVG在线画图,即只能在谷歌浏览器以及火狐浏览器上显示,IE上要显示必须先安装插件如Adobe SVG Viewer,在未来将应用户需要支持VML,兼容所有的浏览器。第一个版本功能较少,未来将不断丰富它的功能。

      功能
      画直线
      画折线
      画圆
      画椭圆
      画正方形
      画长方形
      画菱形
      自定义边框宽度及颜色
      自定义填充色

      预览
     


      在线示例http://www.openjquery.com/examples/coredraw/index.html

      原文链接:http://www.openjquery.com/html/29/n-29.html
  • 大小: 28.5 KB
1
0
分享到:
评论
2 楼 Ghost_Good 2012-07-17  
源码已公布,欢迎大家查看并提出建议:http://www.openjquery.com/html/34/n-34.html
1 楼 Ghost_Good 2012-07-09  
下载及源代码将在两天内在网站中公布。

相关推荐

    http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd

    This is SVG, a language for describing two-dimensional graphics in XML. The Scalable Vector Graphics (SVG) Copyright 2001, 2002, 2011 World Wide Web Consortium (Massachusetts Institute of ...

    利用SVG或VML在网页上实现3D的曲面效果

    SVG(Scalable Vector Graphics)和VML(Vector Markup Language)是两种基于XML的矢量图形格式,它们允许开发者在网页上创建高质量、可缩放的图形。本文将深入探讨如何利用SVG和VML实现3D曲面效果,以及它们各自的...

    SVG、CANVAS、VML比较

    在Internet Explorer中,虽然早期版本需要Adobe SVG Viewer插件,但后来的版本开始内建对SVG的支持。SVG的主要优点是可缩放性,这意味着无论图像放大多少倍,质量都不会降低,保持清晰。此外,SVG图形是文本格式,...

    SVG/CSS3镂空3D自行车骑行动画

    之前我们分享过一些基于CSS3和SVG的自行车动画,比如这款SVG/CSS3自行车 模拟自行车行驶动画和纯CSS3 3D自行车动画都非常炫酷。今天我们要给大家介绍另外一款基于SVG的3D镂空自行车骑行动画,与前面自行车动画不同的...

    精品资源 / 炫酷特效 / svg / 漂亮 icons

    在IT行业中,SVG(Scalable Vector Graphics)是一种重要的图形格式,它被广泛...在使用这些SVG图标时,开发者应遵循开源许可协议,尊重作者的贡献,并考虑如何通过自己的创意和技能,将这些图标应用到更广阔的领域。

    Axialis IconGenerator 包含海量的ico/svg/xaml/png等图片资源

    Axialis IconGenerator 包含海量的ico/svg/xaml/png等图片资源

    svg和vml实现的拓扑图

    SVG(Scalable Vector Graphics)和VML(Vector Markup Language)都是用于在网页上创建矢量图形的技术。在本文中,我们将深入探讨这两种技术如何应用于实现兼容所有浏览器的网络拓扑图,以及如何处理大量节点的显示...

    自动选择SVG和VML的WEB页面

    相似,可以满足大多数WEB二维图形应用的需求,但目前的情况是:VML只能在IE中使用,SVG被firefox,opera等浏览器的最新版本支持, 并且是W3C制定的开放标准,但目前IE不内置支持SVG,只能通过ADOBE的SVG插件显示。...

    vml网页画图经典教材

    在20世纪90年代末到21世纪初,VML是与SVG(Scalable Vector Graphics)竞争的一种标准,主要用于在网页中展示高质量、可缩放的图形。然而,随着HTML5的普及,SVG现在已经成为现代浏览器支持的标准,而VML逐渐被淘汰...

    SVG/HTML5动画图标 可用作图标菜单导航

    这款SVG/HTML5动画图标可以在鼠标滑过图标时产生简单的循环播放的动画特效。 下面我们一起来简单解说一下实现这款SVG动画图标的过程。 HTML代码 毋庸置疑,SVG是这款图标的核心代码,图标的外观均是采用SVG路径...

    qt方式将svg/png等图片转ico格式

    1 支持svg/png/bmp等单一图片转指定尺寸大小的ico格式 2 也有其他方式比如用python库去做,这个例子中没去实现。

    超简易的SVG/CSS3 Loading加载动画图标

    今天我们要为大家分享一组非常简易的SVG/CSS3 Loading加载动画图标,和之前分享的SVG实现的一组超华丽Loading加载动画相比,这组Loading动画更见简单,它主要由圆环形和柱形两种样式组成,可以将这些Loading图标应用...

    SVG-web 画图

    总之,SVG-web画图结合了HTML5、jQuery和CSS的优点,为用户提供了一个直观、强大的在线图形编辑环境,能够满足多种矢量图形设计和编辑的需求。通过学习和理解这个项目的源代码,开发者可以深入掌握SVG在Web应用中的...

    SVG画图插件raphaelJS

    RaphaelJS是一款强大的JavaScript库,专门用于在SVG(Scalable Vector Graphics)和VML(Vector Markup Language)格式下创建矢量图形。这个插件允许开发者在网页上绘制出复杂、交互式的图形,而且这些图形在任何...

    VML语言学习画图,可以详细的学习

    </vml:shape> </svg> ``` 在这个例子中,`<vml:shape>`定义了一个形状,`<vml:stroke>`和`<vml:fill>`分别设置了边框颜色和填充颜色。 **VML图形元素:** VML支持多种图形元素,包括但不限于: 1. **线条(line)...

    一言·古诗词版 API,可以随机返回一条古诗词名句支持 png / svg / json / txt 返回.zip

    一言·古诗词版 API,可以随机返回一条古诗词名句。支持 png / svg / json / txt 返回.zip,一言·古诗词 API (Hitokoto API),随机返回一条古诗词名句。采用 Vert.x + Redis 全异步开发,毫秒级稳定响应。

    VML画图API

    然而,随着现代浏览器对SVG的广泛支持,VML逐渐被淘汰,现在更多地被用作历史知识或特定场景下的兼容性解决方案。 这篇名为“VML画图API”的博文可能详细介绍了如何使用VML API来在网页中绘制图形。虽然具体的博文...

    HTML5 svg炫酷波浪线条动画插件

    在这个插件中,jQuery被用来作为选择和操作SVG元素的工具,同时也可以方便地与其他jQuery插件兼容,增强了代码的可维护性和可扩展性。 在提供的压缩包中,我们可以看到以下文件: 1. `index.html`:这是项目的主...

    svg画图(汽车)

    svg画图,用画图工具画的svg格式的汽车,供大家参考

Global site tag (gtag.js) - Google Analytics