本文整理匯總了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'
})
]
});
}