用createjs画一个虚线弯曲

时间:2014-12-24 17:08:49

标签: javascript canvas easeljs createjs

我的javascript项目存在问题。 类似于绘图工具的东西。我想画一条虚曲线。

  • 我成功地绘制了一条DASHED LINE:

    jsfiddle.net/lannymcnie/uQpdA/1/

  • 也成功绘制了一个QUADRATIC CURVE。

但无法绘制DASHED QUADRATIC CURVE。 我尝试了很多东西,也就是 ctx.setLineDash(),但它将我的所有画布元素都改为虚线而不仅仅是曲线。

我正在使用画架作为js库在画布上绘画。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

LineDash支持将是EaselJS的一个很好的补充。我建议您在GitHub(http://github.com/CreateJS/EaselJS/issues)中发布功能请求。我可能会自己提出要求,因为这是一个合乎逻辑的补充(我甚至不知道它存在,因此我引用了我之前的样本)。

这是一个快速实施。我创建了一个破折号方法,它在上下文中设置破折号样式。请注意,笔划实际上发生在指令列表的END处(直到应用了另一个笔划调用),因此您必须重新应用笔划才能开始绘制而不使用短划线。

http://jsfiddle.net/lannymcnie/2L7vaeeh/1/

// Usage
var shape = new createjs.Shape().set({x:0.5,y:0.5});
shape.graphics.s("#f00").dash([10,5]).dr(10,10,100,100)
shape.graphics.s("#f00").dash().dr(20,20,100,100);

圣诞快乐!