JavaScript绘制环形回路图形
2017-10-23 11:43
211 查看
JavaScript绘制环形回路图形
直接上代码:<!DOCTYPE html> <html> <head lang="zh"> <meta charset="UTF-8"> <title>456</title> </head> <body> <div id="aaa"></div> <script type="text/javascript"> var rows = 10, columns = 10; var cs = []; !function () { for (var ri = 0; ri < rows; ri++) { cs[ri] = []; for (var ci = 0; ci < columns; ci++) { cs[ri][ci] = 0; } } console.log(cs); for (var i = rows - 1; i > 0; i -= 2) { console.log("i::::" + i); dcs(i, i); } var csstr = ""; for (var idx = 0; idx < cs.length; idx++) { csstr += "<p>"; csstr += cs[idx]; csstr += "</p>"; } document.getElementById("aaa").innerHTML = csstr; }(); function dcs(rowst, columnst) { console.log(rowst + ":::::" + columnst); var rr = rows - rowst; for (var ri = rr; ri < rowst; ri++) { console.log("rr::::" + rr + "ri::::" + ri); cs[ri][rr] = 1; cs[ri][columnst - 1] = 1; } var cc = columns - columnst; for (var ci = cc; ci < columnst; ci++) { console.log("cc::::" + cc + "ci::::" + ci); cs[cc][ci] = 1; cs[rowst - 1][ci] = 1; } } </script> </body> </html>
相关文章推荐
- 13个JavaScript图表图形绘制插件
- Raphaël 基于html5绘制web图形的javascript插件
- 浅谈JavaScript的Canvas(绘制图形)
- 几种JavaScript图形和图表绘制工具体验
- 13个JavaScript图表图形绘制插件
- Raphaël 基于html5绘制web图形的javascript插件
- 【转】13个JavaScript图表(JS图表)图形绘制插件
- javascript绘制图形(转)
- 推荐13款JavaScript图形和图表绘制工具
- 超赞的 JavaScript 就query 图形图表绘制插件
- 推荐13款JavaScript图形和图表绘制工具
- 10 个超赞的 JavaScript 图形图表绘制插件
- 13个JavaScript图表(JS图表)图形绘制插件
- 推荐13款JavaScript图形和图表绘制工具
- JavaScript实现使用Canvas绘制图形的基本教程
- JavaScript绘制图形Canvas
- 13款经典JavaScript图形和图表绘制工具
- 推荐12个最好的 JavaScript 图形绘制库
- 10 个超炫绘制图表图形的 Javascript 插件【转载+整理】
- 推荐13款JavaScript图形和图表绘制工具