前天发布了原创的SVG/VML在线画图插件,本想这么好的资源应该会有很多人关注,可惜人反而不多。不过还是在这里写下该插件的使用教程吧。
[*][b]引入在线画图插件的JS文件[/b]
[*][b]初始化插件[/b]
在JavaScript中将要执行画图的元素如div进行插件初始化。
[*][b]调用插件中的画图接口进行画图[/b]
至于每个画图方法怎么应用,或参数的含义这里就不一一说明了,有兴趣的可以直接查看源代码,或留言,值得说明的是大部分画图接口的最后一个参数是设置画图元素的属性,你需要传递一个JS对象,可以包含borderWidth:设置画图元素的边框宽度,borderColor:设置画图元素的边框颜色,fillColor:设置画图元素的填充颜色。
请大家支持Open JQuery[url]http://www.openjquery.com[/url],支持原创SVG/VML在线画图插件open.jquery.draw.core.js。
原文:[url]http://www.openjquery.com/html/19/n-19.html[/url]
[*][b]引入在线画图插件的JS文件[/b]
<script src="../script/coredraw/open.jquery.draw.core.js"></script>
[*][b]初始化插件[/b]
在JavaScript中将要执行画图的元素如div进行插件初始化。
var drawMain = $("#graph").draw();
[*][b]调用插件中的画图接口进行画图[/b]
<a href="#" onclick="drawMain.line({'x': 50, 'y': 50}, {'x': 130, 'y': 130}, {'borderWidth': '2', 'borderColor': 'black'});">画直线</a>
至于每个画图方法怎么应用,或参数的含义这里就不一一说明了,有兴趣的可以直接查看源代码,或留言,值得说明的是大部分画图接口的最后一个参数是设置画图元素的属性,你需要传递一个JS对象,可以包含borderWidth:设置画图元素的边框宽度,borderColor:设置画图元素的边框颜色,fillColor:设置画图元素的填充颜色。
请大家支持Open JQuery[url]http://www.openjquery.com[/url],支持原创SVG/VML在线画图插件open.jquery.draw.core.js。
原文:[url]http://www.openjquery.com/html/19/n-19.html[/url]