Javascript 将继承的对象传递到画布上下文drawImage

Javascript 将继承的对象传递到画布上下文drawImage,javascript,html,inheritance,canvas,polymorphism,Javascript,Html,Inheritance,Canvas,Polymorphism,我仍在试图围绕JavaScript的“继承”模型绞尽脑汁,所以请原谅我,如果这个问题只是通过指向JS文档来回答的话 我基本上希望将自己的自定义和继承的图像对象传递给drawImage 方法在画布上下文上。最终目标是能够在派生类中存储额外的渲染数据,虽然有其他方法可以存储额外的数据,但我认为在这个实例中继承实现可能更干净 有没有办法获取要渲染的派生类型 function MyImage() {} MyImage.prototype = new Image(); ... var test = new

我仍在试图围绕JavaScript的“继承”模型绞尽脑汁,所以请原谅我,如果这个问题只是通过指向JS文档来回答的话

我基本上希望将自己的自定义和继承的图像对象传递给drawImage 方法在画布上下文上。最终目标是能够在派生类中存储额外的渲染数据,虽然有其他方法可以存储额外的数据,但我认为在这个实例中继承实现可能更干净

有没有办法获取要渲染的派生类型

function MyImage() {}
MyImage.prototype = new Image();
...
var test = new MyImage();
test.src = "myimage.jpg";
test.onload = function() { context.drawImage(test,0,0); }; //Fails to render
...
var test2 = new Image();
test2.src = "myimage.jpg";
test2.onload = function() {context.drawImage(test2,0,0);}; //Renders correctly

我非常怀疑是否有办法将您自己的原生JS对象从原生主机对象“继承”为主机命令(如
drawImage()
)的主机对象。听起来是个不错的主意。(作为评论发布,但没有回答,因为我不能肯定这是不可能的。)从宿主对象继承在这一点上是相当多的蠕虫。看看我先前对一个类似问题的回答——可能是重复的