之前我们推出过Flex版本的Link跳线效果,现在基于HTML5新版本的跳线效果也实现了,细微之处我们进行了改进,如link倾斜的时候Offset方向始终保持垂直等。先看效果。
实现的算法和Flex基本一致,在这不做进一步分析了,算法中使用到矩阵的运算,所以在这贴一下矩阵运算的封装。
var matrix=function(options){ if (!(this instanceof arguments.callee)) { return new arguments.callee(options); } this.init(options); }; matrix.prototype={ init:function(options){ this.matrix=options.matrix; }, add:function(mtx){ var omtx=this.matrix; var newMtx=[]; if(!mtx.length||!mtx[0].length||mtx.length!=omtx.length||mtx[0].length!=omtx[0].length){ return; } for(var i=0,len1=omtx.length;i<len1;i++){ var rowMtx=omtx[i]; newMtx.push([]); for(var j=0,len2=rowMtx.length;j<len2;j++){ newMtx[i][j]=rowMtx[j]+mtx[i][j]; } } this.matrix=newMtx; return this; }, multiply:function(mtx){ var omtx = mtx.matrix; var mtx = this.matrix; var newMtx=[]; if(!isNaN(mtx)){ for(var i=0,len1=omtx.length;i<len1;i++){ var rowMtx=omtx[i]; newMtx.push([]); for(var j=0,len2=rowMtx.length;j<len2;j++){ omtx[i][j]*=mtx; } } return new matrix({matrix:newMtx}); } var sum=0; for(var i=0,len1=omtx.length;i<len1;i++){ var rowMtx=omtx[i]; newMtx.push([]); for(var m=0,len3=mtx[0].length;m<len3;m++){ for(var j=0,len2=rowMtx.length;j<len2;j++){ sum+=omtx[i][j]*mtx[j][m]; } newMtx[newMtx.length-1].push(sum); sum=0; } } this.matrix=newMtx; return this; } }; this.Matrix=matrix;
只封装了加和乘法,其他的运算方法也可以将矩阵表达式转化过来就可以了,如平移、旋转等。如需源码,可邮箱申请。jeff.fu@servasoft.com
相关推荐
4》对ASIO Link Pro面板全部汉化,使其更适合国人使用 5》安装好驱动自动设置跳线面板数据。 ASIO驱动(跳线版)通过灵活的DIY跳线,可以使专业的无内录混音外置声卡,也能搭载机架宿主实现主播模式,如罗兰系列...
三菱FX5U系列PLC使用FX5-CCL-MS模块无需编程即可实现CC-Link通信的具体操作步骤
基于FPGA的Link11解调实现.pdf
【工控老马出品,必属精品,质量保证,亲测能用】 资源名:欧姆龙PLC通讯... 5、校验实现:HOST LINK校验方式 三、注意事项 1、开发环境为Visual Studio 2012使用.net 4.0开发 适合人群:新手及有一定经验的开发人员
在xilinx的spartan6系列FPGA上实现cameralink接口。代码
Link States Algorithm的实现
HTML5的<link rel="shortcut icon"标签是干什么用的
[链接测试工具]HTML Link Validator
<html:link> 标签用于生成HTML <a> 元素。1) 允许在URL 中以多种方式包含请求参数。 (2) 当用户浏览器关闭Cookie 时,会自动重写URL,把SessionID 作为请求参数包含在URL 中,用于跟踪用户的Session 状态。
HtmlLink-超链接控件.rar 详见源码
HTML Link Validator 链接测试工具 链接测试 ValidatorHTML Link Validator 链接测试工具 链接测试 ValidatorHTML Link Validator 链接测试工具 链接测试 Validator
HTML rel 属性 - HTML link 标签 - 在 HTML 中嵌入 CSS - HTML教程,XHTML教程.htm
[链接测试工具]HTML Link Validator使用手册
三菱FX5U CC-LINK通信手册.pdf
传奇登录器专用link页面
FX5U系列PLC用户手册(CC-LINK篇)
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/> HTML5标签<link rel="apple-touch-icon" 标签是干什么用的?
FX5U CCLINK 控制伺服 工程实例,电路图,HMI, 伺服参数都要有的!~
Camera Link图像数据接口的FPGA实现.pdf
FX5U PLC通过自带以太网口走CC-LINK BASIC总线通信,最多可以带16个MR-JE-C伺服;性价比超级高。(包含PLC程序、HMI画面、伺服参数样例);希望对第一次使用MR-JE-C伺服的同学有所帮助。