HTML
<span> </span>
more functional
<span>
{text === ' ' ? <> </> : text}
</span>
Html2Canvas(container as HTMLElement).then((canvas: HTMLCanvasElement) => {
canvas.toBlob(blob => {
if (!blob) {
return;
}
const item = new ClipboardItem({ "image/png": blob });
(navigator.clipboard as any).write([item]);
container.removeChild(sheet);
setCopyLoading(false);
});
});
通用分享
只和其他平台是否遵循通用的
`web`
协议有关
navigator.share({
title: document.title,
text: 'Hello World',
url: 'https://developer.mozilla.org',
}); // 分享MDN的URL
https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/share
<link
rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>👨🏿💻</text></svg>"
/>
refs: https://css-tricks.com/emojis-as-favicons/