本文整理汇总了TypeScript中@phosphor/virtualdom.h.img方法的典型用法代码示例。如果您正苦于以下问题：TypeScript h.img方法的具体用法？TypeScript h.img怎么用？TypeScript h.img使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@phosphor/virtualdom.h的用法示例。
在下文中一共展示了h.img方法的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: it
it('should update attributes', () => {
let host = document.createElement('div');
let attrs1 = {
alt: 'foo', height: '100', style: { color: 'white' },
dataset: { foo: '2', bar: '2' }, onload: () => { }, srcset: 'foo'
};
let attrs2 = {
alt: 'bar', width: '100', style: { border: '1px' },
dataset: { bar: '1', baz: '3' }, sizes: 'baz'
};
VirtualDOM.render([h.a(), h.img(attrs1)], host);
VirtualDOM.render([h.a(), h.img(attrs2)], host);
expect((host.children[1] as HTMLImageElement).alt).to.equal('bar');
});示例2: showDialog
execute: () => {
// Create the header of the about dialog
let headerLogo = h.img({ src: kernelIconUrl});
let title = h.span({className: 'jp-About-header'},
headerLogo,
h.div({className: 'jp-About-header-info'}, kernelName)
);
const banner = h.pre({}, kernelInfo.banner);
let body = h.div({ className: 'jp-About-body' },
banner
);
showDialog({
title,
body,
buttons: [
Dialog.createButton({
label: 'DISMISS',
className: 'jp-About-button jp-mod-reject jp-mod-styled'
})
]
});
}