正文
javascript编图,编程代码画图
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
怎么用javascript编写下面图案1 121 12321 1234321 12321 121 1
var max = 4;
for (var i=1; i=max; i++)
{
var tmp = '';
for (var j=1; j=i; j++) {
tmp += j;
}
for (var k=i-1; k=1; k--) {
tmp += k;
}
console.log(tmp)
}
相关问答
Q1: javascript如何画图形？
这个问题你用baidu搜索一下，有很多的教程。。
;cl=3
1.
JAVASCRIPT经常通过用户提供的数据动态地生成条形图。总的来说这是由于条形图的简洁，它只是简单地由不确定长度的图形组成。我们使用JAVASCRIPT动态地画出每个图形，每个图形的长度和用户输入的数据有关。
我们需要的是以一个1x15的图形作为开始：
如果我想要拉长这幅图象到 50x15 ，我使用 JavaScript 这样做：
script
document.write(img src="poll.gif" width="50" height="15"')
/script
这就形成了动态图形的基础。这是一个我用JAVASCRIPT写的一个简单的脚本，它用来说明了图形创建的例子。
script
var graphtext=new Array("Jill", "Bob", "Tony") //图形项目
var graphvalue=new Array("60", "45", "95") //图形值 (使用的是百分比，例如70=70%)
var barlength=200
for (i=0;igraphtext.length;i++)
document.write (graphtext[i]+': img src="poll.gif" width="'+graphvalue[i]/100*barlength+'" height="15"br')
/script
Jill:
Bob:
Tony
代码的关键之处在于：width="'+graphvalue[i]/100*barlength+'"
这句话产生图形的宽度，这基于用户提供的数据。每个长度是输入值的百分比，然后乘以条形长度的基本长度。
2.
使用图形信息建立原始数据的图形。只给复杂图形的名称赋予一定的值（值可以是绝对值或百分比），剩下的留给脚本就行了。
图形信息允许你在同一个网页上生成不止一个图形文件，而这只需要多次的调用关键的函数。
Example:
Example 1 (using absolute values)
What is your favorite news site?
CNN
28%
MSNBC
36%
ABC News
11%
BBC News
25%
Total participants: 211
Example 2 (using percentage values)
What is your favorite news site?
CNN
28%
MSNBC
36%
ABC News
11%
BBC News
25%
因为EXAMPLE 1是用绝对值来创建的，脚本也在最后显示了总值。
指导
步骤一：下面是图形信息的两个版本。第一个要求图形值是绝对值，而第二个是相对值。
绝对方式：
What is your favorite news site?
script language="JavaScript1.2"
//JavaScript Graph-it! (Absolute)- by javascriptkit.com
//Visit JavaScript Kit () for script
//Credit must stay intact for use
var graphimage="poll.gif"
//DEFINE GRAPH VALUES [Item name, absolute value]
var graphx=new Array()
graphx[0]=["CNN",60]
graphx[1]=["MSNBC",75]
graphx[2]=["ABC News",24]
graphx[3]=["BBC News",52]
//YOU CAN DEFINE MULTIPLE GRAPHS, eg:
//var graphy=new Array()
function graphit(g,gwidth){
total=0
for (i=0;ig.length;i++)
total+=parseInt(g[i][1])
output='table border="0" cellspacing="0" cellpadding="0"'
for (i=0;ig.length;i++){
calpercentage=Math.round(g[i][1]*100/total)
calwidth=Math.round(gwidth*(calpercentage/100))
output+='trtd'+g[i][0]+' /tdtdimg src="'+graphimage+'" width="'+calwidth+'" height="10" '+calpercentage+'%/td/tr'
}
output+='/table'
document.write(output+'brTotal participants: b'+total+'/b')
}
//CALL GRAPHIT FUNCTION
//graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
graphit(graphx,200)
/script
p align="center"font face="arial" size="-2"This free script provided by/fontbr
font face="arial, helvetica" size="-2"a href=""JavaScript
Kit/a/font/p
相对方式：
What is your favorite news site?
script language="JavaScript1.2"
//JavaScript Graph-it! (Percentage)- by javascriptkit.com
//Visit JavaScript Kit () for script
//Credit must stay intact for use
var graphimageP="poll.gif"
//DEFINE GRAPH VALUES [Item name, Percentage value]
var graphv=new Array()
graphv[0]=["CNN","28%"]
graphv[1]=["MSNBC","36%"]
graphv[2]=["ABC News","11%"]
graphv[3]=["BBC News","25%"]
//YOU CAN DEFINE MULTIPLE GRAPHS, eg:
//var graphz=new Array()
function graphitP(g,gwidth){
outputP='table border="0" cellspacing="0" cellpadding="0"'
for (i=0;ig.length;i++){
calwidthP=gwidth*(parseInt(g[i][1])/100)
outputP+='trtd'+g[i][0]+' /tdtdimg src="'+graphimageP+'" width="'+calwidthP+'" height="10" '+g[i][1]+'/td/tr'
}
outputP+='/table'
document.write(outputP)
}
//CALL GRAPHIT FUNCTION
//graphitP(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
graphitP(graphv,200)
/script
p align="center"font face="arial" size="-2"This free script provided by/fontbr
font face="arial, helvetica" size="-2"a href=""JavaScript
Kit/a/font/p
以上回答你满意么？
Q2: JavaScript 画图
$('#reset').click(function(){//重置
$('img').css({"left":"0","top":"100px"});
});
$('#left').click(function(){//左
$('img').animate({
left:"-=10",
},500);
});
$('#right').click(function(){//右
$('img').animate({
left:"+=10",
},500);
});
$('#up').click(function(){//上
$('img').animate({
top:"-=10",
},500);
});
$('#down').click(function(){//下
$('img').animate({
top:"+=10",
},500);
});
给图加上想对定位
Q3: 用javascript编写图片自动切换 图片的代码怎么编写啊，为什么我的图片一切换就显示不出来 快帮帮忙啊
不应该用SetTimeOut 方法 这个方法只会加载完成1秒之后 执行第一次(且只执行第一次) 并不是每隔一秒就会执行
如果想要实现图片自动切换 你把SetTimeOut这个方法 换成setInterval这个方法 就可以实现了
Q4: ArcGIS JavaScript如何在线编辑地图，有例子吗？
ArcGIS在线编辑功能按如下流程使用：
1、矢量要素数据，点线面数据必须存储在SDE中
2、发布带有SDE要素数据服务，在服务中选择FeatureAcess服务类型，这个服务是保证你可以进行在线编辑的
3、API调用Fealyer服务地址
例子：
Q5: 如何用用JavaScript编写一个外部调用JS文件，实现图片带超级链接
document.writeln("a href=\"链接地址1\"img src=\"图片地址1\" //a");
document.writeln("a href=\"链接地址2\"img src=\"图片地址2\" //a");
document.writeln("a href=\"链接地址3\"img src=\"图片地址3\" //a");
document.writeln("a href=\"链接地址4\"img src=\"图片地址4\" //a");
把上面的代码修改好你要的链接地址和图片地址以后，保存为JS文件。
然后你在html对应的地方调用这个js文件
