🖼 image
something about operate image
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);
});
});
- 打开
`chrome-devtools`
- 点击响应式视图(那个手机小图标)
- 设置为
`1280 * 800`
- 鼠标悬浮之后微微放大图片
- 如果遇到加载的情况,应该是加载的指针
- 多图片应该是
`lazy`
的加载方式
- 宽高调整为一致
`sips -Z <size> <imagepath>`