Canvas HTML5 inheritance

Canvas HTML5 inheritance

本文关键字:inheritance HTML5 Canvas      更新时间:2023-09-26

我需要一个关于如何实现继承与画布的建议。

我有一个类(函数)Control,它创建div元素,然后在div中创建画布然后在画布上绘制一个填充了颜色的矩形。我想实现继承类Button是Control的子类并为矩形添加一些新元素例如文本,图片等

你可能应该从阅读Javascript中的经典继承开始。

在JavaScript中,您可以使用以下语法继承其他函数(构造函数):

function Control () {
}
function Button () {
}
Button.prototype = new Control;

你可以像这样给Button构造函数添加新的方法:

Button.prototype.setText = function() {
}

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