beginPath()在咖啡记录中？
beginPath()在咖啡记录中？
提问于 2014-08-31 17:21:26
希望使用coffeescript操作html5画布。
我在寻找jQuery beginPath()的模拟，但我还没能在互联网上找到一个。
如何在coffeescript中使用beginPath()？谢谢你的想法！
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-08-31 17:48:40
这里有一个例子“生命的种子”(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: 400Stack Overflow用户
发布于 2014-09-03 14:01:59
beginPath不是window上的一个方法，因此您不能在JavaScript或CoffeeScript中调用beginPath() (当然也不能在jQuery中调用)。相反，beginPath是HTML上下文中的一个方法。您可以通过选择所关心的画布来访问上下文：
canvas = document.getElementsByTagName('canvas')[0]您需要访问索引[0]，以确保您处理的是HTML本身，而不是jQuery对象或NodeList。然后您可以访问它的上下文：
ctx = canvas.getContext '2d'您想要做的任何绘图都需要从上下文对象(例如ctx.beginPath())中完成。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25597785
复制相关文章
相似问题
在咖啡记录中匹配Hubot的名字
var self =这在咖啡记录中
咖啡-> javascript ->类型记录
带咖啡记录的AngularJS
你如何使用咖啡记录？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
