html如何将截屏的图片放在指定DIV中

html-css06

html如何将截屏的图片放在指定DIV中,第1张

可以使用html2canvas和canvas2image 2个库

1、使用html2Canvas将要截屏部分的HTML保存成canvas对象

2、使用cavnas2image将canvas对象生成img

3、直接使用DIV.appendChild将img插入指定DIV

有四种截屏方式：

第一种： PrScrn 使用这个键截屏，获得的是整个屏幕的图片；

第二种：Ctrl + PrScrn 使用这个组合键截屏，获得的是整个屏幕的图片；

第三种：Alt + PrScrn 这个组合键截屏，获得的结果是当前窗口的图片；

第四种：Ctrl+Alt+A 这个组合键截屏，需要在登陆QQ的基础上进行；

第五种：使用专业的截屏软件，例如Snagit，专业软件的截屏效果更加强大。

扩展资料：

截屏的其他操作方法：

1、直接按Print Screen，截取整个屏幕到剪切板；按Alt+Print Screen，可以截取当前活动窗口。

2、登陆QQ聊天软件，按Ctrl+Alt+A再选择要截下的区域，可以另存为，也可以选择直接保存到剪切板。

3、登陆飞信，按Ctrl+Alt+P再选择要截下的区域，可以另存为，也可以选择直接保存到剪切板。

4、登陆YY语音，按Alt+A再选择要截下的区域，双击屏幕直接保存到剪切板。

5、登陆阿里旺旺，按Ctrl+Alt+P再选择要截下的区域，可以另存为，也可以选择直接保存到剪切板上。

参考资料：百度百科-截屏

1、如果是截取网页上的局部区域，首先可以利用电脑自带的截屏工具。以Win7为例，点击“开始”-“截屏工具”。

2、点击截屏工具后，会出现弹出的截图工具框，此时点击工具框里的“新建”，电脑屏幕上会出现红色的方框，用鼠标可以调整方框的大小。待方框选中想要截取的区域后，双击鼠标左键，就会完成截屏，此时电脑就会自动弹出截好的图片，复制该图片粘贴在需要的位置上即可。