使用annie.Shape画线,虚线和贝塞尔曲线

this.graphics = new annie.Shape(); ... ... var line = this.graphics; line.beginStroke( "#ffffff", 10,1,2); line.moveTo(30,60); line.lineTo(120,80); line.endStroke();//换个颜色...

this.graphics = new annie.Shape(); 
... ...

var line = this.graphics;

line.beginStroke( "#ffffff", 10,1,2);
line.moveTo(30,60);
line.lineTo(120,80);
line.endStroke();
//换个颜色继续画贝塞尔曲线虚线
line.setLineDash([10, 15]);  //设置虚线参数:(虚线长度,虚线间隔)
line.beginStroke( "#ffcc00",9);
line.moveTo(120,80);
line.quadraticCurveTo(700,330,900,630); //绘制一条二次贝塞尔曲线 ( 控制点X, 控制点Y, 终点X, 终点Y )
line.endStroke();

//怎么调整回实线,这样?:

我尝试了了一下。
就算是在
line.endStroke();之后,重新line.beginStroke(...)画线,也是虚线。
attachments-2019-11-nIO0AHzK5ddf7157ca46b.

不过这么设置,也算是实线了:
line.setLineDash([10000, 0]);  //设置虚线参数:(虚线长度,虚线间隔)
//群里allen提醒我,源码里面有提示,设为
 []就可以清除虚线,变为实线
-------------------------------------------------------------------------------------------

line.setLineDash([]);  // []清除虚线,变为实线
line.beginStroke( "#55cc00",25,1,2); 
line.moveTo(450, 360); //绘画时移动到某一点
line.lineTo(900,360); //
line.endStroke();  //结束画线attachments-2019-11-KQjcDVJe5ddf7230c9b46.





  • 发表于 2019-11-28 14:55
  • 阅读 ( 208 )
  • 分类:AnnieJS引擎

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
不写代码的码农
大北兔

15 篇文章

作家榜 »

  1. 大北兔 15 文章
  2. 皮卡丘先生 13 文章
  3. hero 9 文章
  4. vien007 7 文章
  5. anlun214 5 文章
  6. ningbnii 4 文章
  7. Even 4 文章
  8. 炸天 4 文章