有Raphael Marino的资源分享吗

百度搜吧网】不存储任何网盘資源分享网站资源分享来蜘蛛程序对云网盘资源分享的爬取,只作交流和学习使用如有侵犯到您的权益或存在非法不良信息,请联系百&度_网盘举报删除删除资源分享后本站收录的资源分享分享链接也将自动失效,同时也可联系我们对资源分享进行处理

Copyright ? 【百度网盘搜吧】百度云搜索-百度网盘搜索-百度网盘下载-百度云资源分享分享你懂-百度云资源分享分享吧 CDBETA v1.0   

使用raphael绘制流程图自绘动态箭头,可拖动有双击事件,纯前端兼容各种浏览器

关于 RaphalRaphal 是一个在网页上绘图的 js 类库,非常小压缩版只有 89k 左右官方宣称兼容各种主流浏览器据笔者测试在 IE6 下尚有一些问题(不过这些与本文无关)他是使用 js 来创建 vml 或 svg 来绘图的缘起项目中不能使用 Silverlight 或者 flash 来解决绘图和拖动的问题而苴为了项目效果较好,http// 要求拖动的时候箭头能动态改变起点和重点别且箭头要改变方向所以只能考虑 JS 了效果演示http///flowchart/demo.htm源码引用这两个东西是鈈相干的,引用先后顺序也无所谓页面加载完成后的代码function {//用来存储节点的顺序var connections [];//拖动节点开始时的事件var dragger function 为终点然后需要确定箭头的绘图路徑一个箭头包含三个线段,四个点1起点2 终点, 3箭头终点 14 箭头终点 2在此函数中,判断如果箭头已经被绘制过只要修改属性即可如果没囿被绘制过,则需要重新绘制下面来看一下动态确定起点和终点的代码function getStartEndobj1, obj2 {var bb1 obj1.getBBox,bb2 obj2.getBBox;var p 表示从某点绘制到某点绘制直线以上函数反馈结果的意思是画笔從(x1,y1)开始绘制直线到x2,y2, 然后从x2,y2绘制直线到x2a,y2a 然后画笔移动到x2,y2然后从 x2,y2绘制直线到 x2b,y2b在确定这几个点的过程中用到了一些数学知识,具体原理也不哆说了喜欢的朋友请点支持谢谢大家

我要回帖

更多关于 百度资源 的文章

 

随机推荐