javascript - Coffeescript中的beginPath()？

希望使用coffeescript操作html5 canvas。

寻找一个类似于jQuery beginPath()的类似物，但我一直无法在互联网上找到它。

如何在coffeescript中使用beginPath()？感谢您的任何想法！

最佳答案

这是来自（http://autotelicum.github.io/Smooth-CoffeeScript/interactive/interactive-coffeescript.html）的示例“生命种子”

webdesign = ->
  doctype 5
  html ->
    head ->
      meta charset: 'utf-8'
      title 'My drawing | My awesome website'
      style '''
        body {font-family: sans-serif}
        header, nav, section, footer {display: block}
      '''
      coffeescript ->
        draw = (ctx, x, y) ->
          circle = (ctx, x, y) ->
            ctx.beginPath()
            ctx.arc x, y, 100, 0, 2*Math.PI, false
            ctx.stroke()
          ctx.strokeStyle = 'rgba(255,40,20,0.7)'
          circle ctx, x, y
          for angle in [0...2*Math.PI] by 1/3*Math.PI
            circle ctx, x+100*Math.cos(angle),
                        y+100*Math.sin(angle)
        window.onload = ->
          canvas = document.getElementById 'drawCanvas'
          context = canvas.getContext '2d'
          draw context, 300, 200
    body ->
      header -> h1 'Seed of Life'
      canvas id: 'drawCanvas', width: 550, height: 400

关于javascript - Coffeescript中的beginPath()？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25597785/