重读JAVASCRIPT

今天拿起了2001年6月买的一本<<javascript 实例教程>>,当时很喜欢的一本,虽然当时没有读懂,学得不精,现在要用到了,拿起来准备狂复习一番,这里给出一个实用的函数eval(),能用通过字符串的形式来执行JAVASCRIPT语句。

<script language="javascript" type="text/javascript">

var wt=".write";

eval("document.write(" + wt + "'youlong')");

</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 可以使用 HTML5 的 Canvas API 绘制柱形图,具体实现方式如下: 1. 在 HTML 中创建一个 Canvas 元素: ```html <canvas id="myCanvas"></canvas> ``` 2. 在 JavaScript 中获取 Canvas 的上下文对象: ```javascript var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ``` 3. 定义柱形图的数据和样式: ```javascript var data = [20, 50, 30, 80, 60]; var barColor = "#ff6600"; var barWidth = 30; var barMargin = 20; var barHeightScale = 5; var startX = 50; var startY = canvas.height - 50; ``` 其中,`data` 数组存储了每个柱形的数据值,`barColor` 是柱形的颜色,`barWidth` 是柱形的宽度,`barMargin` 是柱形之间的间距,`barHeightScale` 是柱形高度与数据值的比例系数,`startX` 和 `startY` 是第一个柱形的起始坐标。 4. 绘制柱形图: ```javascript for (var i = 0; i < data.length; i++) { var barHeight = data[i] * barHeightScale; var x = startX + (barWidth + barMargin) * i; var y = startY - barHeight; ctx.fillStyle = barColor; ctx.fillRect(x, y, barWidth, barHeight); } ``` 其中,`for` 循环遍历每个数据值,并根据相应的坐标和尺寸绘制柱形。 完整代码如下: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>柱形图示例</title> </head> <body> <canvas id="myCanvas"></canvas> <script> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); var data = [20, 50, 30, 80, 60]; var barColor = "#ff6600"; var barWidth = 30; var barMargin = 20; var barHeightScale = 5; var startX = 50; var startY = canvas.height - 50; for (var i = 0; i < data.length; i++) { var barHeight = data[i] * barHeightScale; var x = startX + (barWidth + barMargin) * i; var y = startY - barHeight; ctx.fillStyle = barColor; ctx.fillRect(x, y, barWidth, barHeight); } </script> </body> </html> ``` 运行代码后,可以看到一个简单的柱形图。可以根据实际需求进行样式和数据的调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值