我对画架和HTML5本身非常新颖。我正试图在使用EaselJS的画布上绘制一条线。 X坐标纵坐标固定为100,Y坐标纵坐标从数组列表中获得。我写的代码如下。可以请别人让我知道我哪里出错了?使用EaselJS在html5画布中绘制线条

function myFunction(attachPoint)

{

//Code for canvas creation is written here.[Not shown];

//created a stage.

stage = new createjs.Stage(canvas.domElement());

//3. create some shapes.MagnitudeLessThanTwo is the array where we get the YAxis Coordinates from

alert("The lenght before function is"+MagnitudeLessThanTwo.length);

myShape = new drawLineGraph(MagnitudeLessThanTwo);

//4. finally add that shape to the stage

stage.addChild(myShape);

//5. set up the ticker

if (!createjs.Ticker.hasEventListener("tick")) {

createjs.Ticker.addEventListener("tick", ourTickFunction);

};

};

function drawLineGraph(dataList)

{

this.index=0;//To keep the track of the index of the array from which we get the Y Axis.

var graphics = new createjs.Graphics();

graphics.setStrokeStyle(1);

graphics.beginStroke("white");

graphics.moveTo(50,(dataList[this.index].magnitude)*100);

graphics.lineTo(50,(dataList[(this.index)++].magnitude)*100);

createjs.Shape.call(this,graphics);

this.tick = function() {

graphics.moveTo(100,(dataList[this.index].magnitude)*100);

graphics.lineTo(100,(dataList[(this.index)++].magnitude)*100);

stage.addChild(graphics);

};

};

drawLineGraph.prototype = new createjs.Shape(); //set prototype

drawLineGraph.prototype.constructor = drawLineGraph; //fix constructor pointer

I am getting the following Error.

"Object [object Object] has no method 'isVisible'"- This is inside the EaselJS Library.

html中画布中怎么画一条直线,使用EaselJS在html5画布中绘制线条相关推荐

  1. java画板中画直线_java实现画图板上画一条直线

    目标:在画图板上画一条直线,供大家参考,具体内容如下 一.首先需要建立一个界面 过程:1.创建界面对象(Java语言中已经有,可直接创建对象来使用). 2.对于一个界面,我们需要设置它的大小.居中.界 ...

  2. Unity 中 用LineRender来实现画多条直线的方法

    Unity 中 用LineRender来实现画多条直线的方法: 直接上代码: public class Testline : MonoBehaviour { //LineRenderer privat ...

  3. html画布直线代码,图文详解如何用html5 canvas画一条直线

    是HTML5 中新增的元素,它可以结合JavaScript脚本绘制出各种各样的图形,对于canvas你了解多少?你会用canvas画直线吗?这篇文章就和大家讲讲如何用canvas画一条直线,有一定的参 ...

  4. html5两条直线,Html5新特性用canvas标签画多条直线附效果截图

    下面例子为用canvas标签画多条直线 复制代码代码如下: index_three 您的浏览器不支持canvas标签. //获取Canvas对象(画布) var canvas = document.g ...

  5. 画直线_在鸡面前画一条直线,为什么它会晕?西瓜视频这知识好冷告诉答案

    为什么世界有那么多的未解之谜,我们无从而知,今天我们来探讨一下在鸡面前画条直线为什么会晕?你们知道吗?今天西瓜视频这知识好冷告诉你们答案,帮助你们掌握生活中所不知道的涨知识,增加我们的知识库. 优秀创 ...

  6. cocos2d之教你画一条直线

    我们画一条直线用到的是CCDrawLine,代码如下: void MyLineLayerBase::initLayer() { CCSize size = CCDirector::sharedDire ...

  7. android 动态画直线,Android使用自定义view在指定时间内匀速画一条直线的实例代码...

    本文讲述了Android使用自定义view在指定时间内匀速画一条直线的实例代码.分享给大家供大家参考,具体如下: 1.效果图: 2.自定义view实现 public class UniformLine ...

  8. android 动态生成直线,Android使用自定义view在指定时间内匀速画一条直线的实例代码...

    本文讲述了Android使用自定义view在指定时间内匀速画一条直线的实例代码.分享给大家供大家参考,具体如下: 1.效果图: 2.自定义view实现 public class UniformLine ...

  9. 在9个点上画10条直线,要求每条直线上有3个点

    在9个点上画10条直线,要求每条直线上有3个点,其示意图大体如下所示,红色代表点:

最新文章

  1. mysql 如何修改wait_timeout,interactive_timeout ,和 session ,global 有什么关系
  2. nginx 转发慢_学习Nginx的正确姿势,多图详解助你更上一层楼!(干货收藏篇)...
  3. Note change in webclient ui - delete case research
  4. 解决替换weblogic的commons-fileupload.jar后引发的问题
  5. 阿里HBase高可用8年“抗战”回忆录
  6. 为什么大家更愿意使用MyBatis,读完源码我知道了…
  7. Python案例:房源信息分析
  8. 在家用计算机相亲,和相亲男吃完饭后,他默默打开了计算器
  9. mysql推荐内存_MySQL大内存配置方案 如my-medium.ini、my-huge.ini等
  10. ajax框架怎么学,Ajax框架之DWR学习(文件上传案例)
  11. Htmlimg标签特写 2017-03-10 AM
  12. Django restful Framework 之序列化与反序列化
  13. cuda10安装_Mmdetection的安装和使用
  14. 如何编辑已存在的.fig文件
  15. ReportStudio入门教程(八十四) - 冻结行标题
  16. 犯2一周后,做一做一年多的总结
  17. 实现闲鱼自动化脚本-方案对比分析
  18. Python可视化-WordCloud生成云词图片
  19. 基于最大最小思想优化拉丁超立方采样
  20. 【单片机】辉光管时钟系列<一>--单片机最小系统

热门文章

  1. 2018,金融机构的下一个发力点在哪?
  2. win10iis服务器如何配置虚拟目录,win10系统iis6部署网站时配置虚拟目录的解决方法...
  3. 使用C语言调用mysql数据库编程实战以及技巧
  4. 乐见Safengine licensor终于有了脱壳脚本
  5. Moss量化模型部署记录
  6. 重磅!华为更新职业认证架构刷新和重认证规则
  7. JAVA高级学习笔记
  8. 造以假乱真的数据——Faker
  9. 软件测试计划怎么制定?
  10. 拿到阿里巴巴的实习生Offer就是这么简单