画布 HTML5 继承

【问题标题】：Canvas HTML5 inheritance画布 HTML5 继承
【发布时间】：2011-08-09 09:09:27
【问题描述】：

我需要关于如何使用 Canvas 实现继承的建议。

我有一个类（函数）“控制”，它创建 div 元素，然后在这个 div 内创建画布，然后在这个画布上绘制一个填充了某种颜色的矩形。我想实现继承，即“按钮”类是“控件”的子类，并向这个矩形添加一些新元素，例如文本、图片等

【问题讨论】：

【解决方案1】：

您应该先阅读classical inheritance in Javascript。

【讨论】：

【解决方案2】：

在 JavaScript 中，您可以使用以下语法从其他函数（构造函数）继承：

function Control () {
}

function Button () {
}

Button.prototype = new Control;

您可以像这样向 Button 构造函数添加新方法：

Button.prototype.setText = function() {
}

不过，我不建议您使用这种方法过于兴奋。

【讨论】：