六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

canvas addEventListener简单例子

Admin | 2016-12-5 8:31:35 | ReadNums | 1385 | 标签 网页制作 | 打印本页
     

  一、控件代码

  <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);


问题未解决:在线咨询我要在线咨询问题

香港赛马现场直播结果

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日