Dzwebs.Net

撰写电脑技术杂文十余年

canvas addEventListener简单例子

Admin | 2016-12-5 8:31:35 | 被阅次数 | 6074

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  一、控件代码

  <canvas id="myCanvas" height="200px" width="200px" style="border:1px solid #000000;">             
</canvas>

  二、addEventListener监听代码

  function MyDraw() {
    //取得canvas的元素及其绘图上下文
    var canvasObj = document.getElementById("myCanvas");
    var context = canvasObj.getContext("2d");
    //用绝对坐标来创建一条路径
    //画两条对角线
    context.beginPath();
    //将点移动至原点
    context.moveTo(0, 0);
    //划线至右下角
    context.lineTo(200, 200);
    //将这条线绘制到canvas上
    context.stroke();
 
    //将点移动至右下角
    context.moveTo(0, 200);
    //划线至右上角  www.2cto.com
    context.lineTo(200, 0);
    //将这条线绘制到canvas上
    context.stroke();
  }
  //页面导入的时候执行画图程序
  window.addEventListener("load", MyDraw, true);


该杂文来自: 网页制作杂文

上一篇:js 字符型日期时间如何比大小

下一篇:js或Ajax判断网络图片是否存在

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计