[英]coffeescript Class
当我用新的Kinetic.Stage替换新的Gallery时,代码正常工作当我使用派生的类时,它不起作用。
为什么从Kinetic.Stage派生Gallery是错误的?
width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0
height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0
class Gallery extends Kinetic.Stage
constructor: (config) ->
super(config)
window.onload = ->
list_of_photos = jQuery('#_image img')
x_pos = width/4
y_pos = height/4
stage = new Gallery
container: "gallery_container"
width: width
height: height
images_layer = new Kinetic.Layer()
for image in list_of_photos
imageObj = new Image()
imageObj.src = image.src
x_pos = x_pos + 100
y_pos = y_pos + 10
ori = new Kinetic.Image
x: x_pos
y: y_pos
image: imageObj
draggable: true
width: 200
height: 200
images_layer.add ori
stage.add images_layer
问题 -Kineticjs对象与coffeescript类不“兼容”。
解决 -您必须使用其他方式来称呼“超级”
class Gallery extends Kinetic.Stage
constructor : (config) ->
Kinetic.Stage.call(@, config)
此处的示例: http : //jsfiddle.net/lavrton/w2EQD/4/
UPD :我发现此问题仅存在于“构造函数”方法中。 还可以:
class Gallery extends Kinetic.Stage
constructor: (config) ->
Kinetic.Stage.call(@, config)
add : (item) ->
console.log(item)
super item
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.