在html页面中有一个按钮，点击这个按钮，将页面某一个区域保存为图片，并弹出文件保存对话框，保存到本地

Posted 2023-04-13

为广泛的看图工具软件，大多数电脑爱好者都使用它来浏览图片，它的特点是支持性强，它能打开包括ICO、PNG、XBM在内的二十余种图像格式，并且能够高品质地快速显示它们，甚至近年在互联网上十分流行的动画图像档案都可以利用ACDSee来欣赏。它还有一个特点是快，与其他图像观赏器比较，ACDSee打开图像档案的速度无疑是相对的快。如能用好一些技巧，将会给您带来更多的方便。

用ACDSee来管理文件
ACDSee提供了简单的文件管理功能，用它可以进行文件的复制、移动和重命名等，使用时只需选择"Edit"菜单上的命令或单击工具栏上的命令按钮即可打开相应的对话框，根据对话框进行操作即可。您还可以为文件添加个简单的说明，为文件添加说明的方法是：先在文件列表窗口中选择要添加说明的文件，然后单击"Edit"菜单中的"Describe"命令，这时打开"Edit Description"对话框，在框中输入该文件说明后单击"OK"按钮即可，下次将鼠标停在该文件上不动时，ACDSee就会显示该说明。

用ACDSee更改文件的日期
在Windows下更改文件的日期是很困难的事情，尤其是批量更改文件时间，用ACDSee软件就能够解决这个问题，具体的方法是首先将系统日期调整到相应的值，再选中欲更改日期的文件，最后单击"Tools"/"Change timestamps"，在对话框中选择"Current date＆time"，并点下"OK"按钮即可。在ACDSee中默认的是只显示图形文件，如果想更改文件夹下的其它文件，只需要设置相应的选项，显示所有文件即可。

用全屏幕查看图形
在全屏幕状态下，查看窗口的边框、菜单栏、工具条、状态栏等均被隐藏起来以腾出最大的桌面空间，用于显示图片，这对于查看较大的图片自然是十分重要的功能。使用ACDSee实现全屏幕查看图片的过程也很简单，首先将图片置于查看状态，而后按Ctrl＋F组合键，这时工具条就被隐藏起来了，再按一次Ctrl＋F组合键，即可恢复到正常显示状态。另外，利用鼠标也可以实现全屏幕查看，先将光标置于查看窗口中，而后单击鼠标中键，即可在全屏幕和正常显示状态之间来回地切换。如果使用的是双键鼠标，则将光标置于查看窗口中，而后按住左键的同时单击右键，也能够实现全屏幕和正常查看状态的切换。

用固定比例浏览图片
有时候，我们得到的图片文件比较大，一屏幕显示不下，而有时候我们所要看的图片又比较小，以原先的大小观看又会看不清楚，这时候我们就必须使用到ACDSee的放大和缩小显示图片的功能，使用起来非常简单，只在浏览状态下，点击相关工具栏上的按钮即可。但是一旦我们切换到下一张时，ACDSee仍然默认以图片的原大小显示图片，这时候又必须重新点击放大或缩小钮，非常麻烦。其实，在ACDSee软件中有一个ZoomLock开关，只要在浏览一文件时将画面调整至合适大小，再右击画面，选中"Zoom Lock"选项（即在前打一外小勾），当我们点下"下一张"按钮浏览下一张图片时就会以固定的比例浏览图片，从而减少了再次放大和缩小调整图片的麻烦，非常方便。

用图像增强器美化图像
在处理图象时，首先通过Tools/Photo Enhance命令，来打开图象处理窗口；在该窗口的工具栏中选择需要的工具，如色彩调整，程序将打开一个调整窗口，窗口中有两个对比图，拖动窗口中的滑条，即可调整图象的色彩；如果选择菜单"Filter"，程序将打开优化过滤窗口，该窗口中有一个"Despeckle"工具，这个工具能够改善某些压缩格式的图象质量，从而获得比较满意的效果。

制作屏幕保护程序
在您在机器里一定存放了不少自己喜欢的图片，如果我们能够将它们制作成一个漂亮的屏幕保护程序，在我们工作闲暇之余欣赏欣赏它们，一定会给我们带来无限惬意。我们只要巧妙地利用ACDSee的连续播放功能就可能达到这个目的：

首先选择"Tools"菜单下的"Options"命令，打开如图所示的窗口，并选择"Slide Show"标签，将延迟时间由默认的5000毫秒（即5秒）改为自己的值，一般要改得小一些，这样图片显示就快一些；然后双击一图片文件，并点下工具栏上的演示钮，就可以慢慢地欣赏您所喜爱的图片了。

制作桌面墙纸
在Windows下工作，首先映入眼帘的就是桌面，因此桌面的图像的漂亮与否将会直接影响到工作情绪！给自己设计一个漂亮的桌面的墙纸对于提高自己的工作效率是很有帮助的，利用ACDSee同样可以将自己喜爱的图片存为一张墙纸，这样一旦所有的程序最小化，您就可以看到自己喜欢的图片了。具体方法是首先选中一图片，右击，选择"Wallpaper"（或点下"Tools"菜单下的"Set Wallpaper"命令），此时会弹出子菜单，分别是"Centered"、"Tiled"和"Restore"，其中"Centered"表示正中放置图片，"Tiled"表示平铺放置图片，"Restore"为恢复原先Windows的墙纸设置。

制作html相册
ACDSee的HTML相册功能是用插件实现的。它的使用方法是：单击"Plug－ins"菜单下的"HTML Album Generator"命令，即可打开"HTML Album Generator"对话框。单击[Settings]按钮可对相片缩略图的格式进行调整，其中包括图片质量、压缩比等。"Page settings"项用来设置HTML相册中每个页面显示的缩略图的行/列数；单击右边的按钮可以打开"Page Properties"对话框，用来设置页面的背景色、文本颜色、下划线颜色等；而"Title"对话框供你输入相册的标题(必须)。最后，"Folder"框用来设置相册所在的路径；下面的三个单选项，供你设置创建文件时如何处理同名文件，分别是"覆盖"、"不覆盖"和"询问"，选中下面的两个复选项可将源文件复制到目标文件夹中以及相册建立完成就调用浏览器打开它。以上设置完成后单击[OK]按钮，就可以将HTML相册建好供你浏览。利用这一功能还可以将普通图片制作成适合网页使用的缩略图。

制作文件清单
许多文件管理工具都没有文件清单打印功能，这给文件管理带来了困难。利用ACDSee可以轻松制作文件清单，具体做法是：在Browses窗口内选中需要制作清单的文件夹，然后打开"View"中的"Arrange Icons"子菜单，根据需要选择按何种方式(按大小、类型、日期等)排序文件。再单击"Tools"菜单下的"Generate Files Listing"命令，即可将当前目录下的文件清单放入文本文件，你只要将其存盘就可以打印或长期保存。

制作缩印图片
ACDSee允许您将多页的文档打在一张纸上，形成缩印的效果。在ACDSee中允许将同一文件夹下的多张图片缩印在一张纸上，具体的方法是：
首先选中要进行缩印的图片文件（可以多选）；
然后右击，选择"Print"（或"File"菜单下的"Print"命令），此时ACDSee会弹出打印对话框，点下"确定"钮，由于您使用的是ACDSee的缺省设置，所以这时候又会弹出打印设置框，请在Size的下拉框中选择"Thumbnails"，如图所示，当然了，您还可以设置其它的相关选项：如保持纵横比、每张图的宽度和高度、纸张的大小等等，如果您觉得下次重新进行设置太麻烦的话，也可以点下"Save Settings"钮，将当前设置保存为默认设置。当然了，最后要做的事就是点下"OK"钮，再接通您的打印机，装上纸，一切搞定！

为图形文件解压
目前图象文件有若干种格式，其中大部分格式都会对图象进行不同方式的压缩处理，也就是说我们在使用某种格式来保存图象时，会对图象进行自动压缩。压缩了的图象文件在传送和存储时固然有它的好处，但是有些软件不能认识这些压缩的图形，如在某些识别软件中就不能认识压缩过的图象文件，这时候就会造成无法识别出来的情况。好在新版本的ACDSee软件具有恢复被压缩的图象功能，我们可以在该软件的菜单栏中依次单击File/Save as命令，在弹出的保存对话框中，使"保存类型"设置为"TIFF"格式，然后在Options选项中，使Compress（压缩方式）设置为None，就可以恢复被压缩的图象了。

为扫描图片顺序命名
ACDSee增加了调用Twain标准扫描仪的功能，可以直接在Browses窗口中扫描图片并按顺序命名，用它作扫描仪的"搭档"非常合适。其操作方法是：在Browses窗口的右窗格选中存放图片的文件夹，单击工具栏中的[Acquire]按钮(或"File"菜单下的对应命令)，即可打开"Acquire setup"对话框。其中"TWAIN source"下列出了本机安装的扫描仪及其扫描界面的型号。打开"Format"下拉列表可以选择扫描输出的文件格式，对于JPG等压缩格式，还可以单击[Options]按钮打开对话框，设置压缩比之类的参数。"Filename template"框用于输入图片名模板，它由任意字符和表示数字的通配符"＃"构成。例如你要扫描输出图1至图16共16个文件，可在"Filename template"框输入"图＃＃"，其中＃的个数由数字位数决定。如果文件数目达到了两位数，就应填入两个＃(依此类推)。以上设置完成后单击[OK]按钮，即可调用扫描界面进行扫描，结束后即可输出模板指定的文件，后续输出的文件均会按顺序命名。

为文件批量更名
这是与扫描图片并顺序命名配合使用的一个功能，它的使用方法是：选中Browses窗口内需要批量更名的所有文件，单击文件列表中的项目名称，使其按文件名、大小、日期等规律排列。再单击"Tools"菜单下的"Rename series"命令打开对话框。在"Template"框内按"前缀＃.扩展名"的格式填入文件名模板，其中通配符＃的个数由数字序号的位数决定。另在"Start at"框内选择起始序号(如"1")，单击[OK]后所选文件的名称全部被更改为模板指定的形式。

为图片文件重设关联
在Windows下，我们对关联程序并不陌生，但是有时候安装了新的图形图像软件，某些图像格式的文件就可能不再与ACDSee相关联了，这样每次双击一图形文件时就不再是用ACDSee打开的了，非常麻烦。这时候我们只要启动一次ACDSee，并选中其中的某一格式的图片文件，单击"Tools""Shell"命令，此时会弹出子菜单，选择"Open With"，这时会打开如图所示的"Open With"窗口，选中您需要关联的程序，并选中"Always use this program to Open this type of file "选项，以后该格式的文件就与您选中的程序关联了。如果您要将所有的图片格式与ACDSee相关联，请进入ACDSee的设置窗口（菜单"Tools""File Associations"），选择需要与ACDSee相关联的格式，您也可以选择"Select All"按钮将所有的图片与ACDSee相关联，最后再点击"OK"钮就真的OK了。

为图片添加注释
在我们的机器里一般都存放了许多图片，时间一长，别说文件名，就是连它是干什么用的都不知道了，这时候就需要对它们进行管理，以提高我们的效率。请选中一图片文件，然后右击，选择"Properties"命令，打开如图所示的窗口，在里面写上注释的内容和关键字，以后我们就可以通过ACDSee的查询功能快速地找到所需要的图片了。

转换图片格式
ACDSee可以成批转换图片格式，转换方法是：选中Browses窗口内需要转换格式的图片，单击"Tools"菜单下的"Convert"命令，弹出图片格式转换对话框。你可以在"Format"框内选中要转换的图片格式，对于JPG等格式，你可以单击"Format settings"按钮设置压缩率等参数。而"To folder"框显示转换后的图片保存位置，你可以单击"Browse"按钮选择其他文件夹。右下角的"Overwrite existing"下拉列表用来设定"To folder"文件夹有同名文件时的覆盖方式，选择"Ask"进行询问、"Rename"自动更名、"Skip"跳过、"Replace"将替换，若选中右边的复选项可移去或替换原有的文件。

转换动态光标文件为标准AVI文件
在ACDSee版本中，已经支持许多格式的媒体文件，包括对CUR（鼠标文件）、ICO（图标文件）甚至ANI（动态光标文件）的支持，只要我们打开一文件夹，其中的这些文件均会被显示出来，这时候，我们可以双击它切换到浏览窗口，这时候的ANI文件就会被重复播放，在许多多媒体软件中，都只能够把ANI文件当作动态光标来使用，而我们有时候需要把它当作一般的动画文件来使用，这时候我们可以先切换至浏览模式，再用屏幕抓取软件，如Lotus Screen Camera、HyperCam等软件把它抓下来，存为AVI格式文件即可被多媒体软件使用，对于动态GIF文件也可以采用类似的方法，从而丰富我们的课件的素材。

转换ICO文件为图片文件
我们知道ICO、CUR分别为图标和光标文件，在一般情况下，它们只能够以图标和光标文件引入到多媒体程序中，如果要把它当位图资源来使用时就必须打开相应的软件，通过"拷贝"和"粘贴"命令来实现转换，非常麻烦，在ACDSee中已经内置了ICO和CUR文件的查看器，并支持将它们转换为标准的位图文件。具体的方法是在进入ACDSee窗口后，选中欲转换的ICO和CUR文件（可多选），并右击，选择"Convert"，选择存盘位置和格式即可，而且ACDSee还支持批量转换，使用起来就更加方便了。

转换图形文件的位置
在文件列表窗口中选择需要复制或移动的所有文件，然后单击界面按钮条中的"Copy to"或"Move to"按钮(由于复制和移动的界面是一样的，在此以复制为例说明)，程序会给出设置界面。在界面中"Destination Directory"文本框中输入复制文件的目的路径，然后单击"OK"按钮确定即可。此外，在该界面中也提供了目的路径下存在与复制文件同名文件时的处理方式设置，程序默认给出对比窗口，由用户决定。当使用该设置并在复制过程中出现同名文件时，程序会给出提示界面。此时你可根据自己的需要选择相应的操作方式，如替换、换名保存等。

转换EXE、DLL文件中的ICO资源
通过ACDSee能够将EXE、DLL文件中的ICO资源转换出来利用，具体方法如下：
首先启动ACDSee，点击"Plug-Ins""Settings"，打开对话框，以这里我们可以设置ACDSee的插件功能，使之能够显示EXE、DLL文件中的ICO资源，从而把它们抠取出来；
然后选中其中的"ID_ICO.apl"项目，打开设置框，选中"Show icons in .EXE files"和"Show icons in .DLL files"两项，表示让ACDSee显示EXE、DLL文件中的ICO资源；
接着进入任一文件夹，选中其中的EXE或DLL文件，它的第一个ICO资源就会显示在图片区内；
最后如果您需要看下一个资源，请双击这个EXE或DLL文件，这时会打开一标准的浏览窗口，您可以点下"下一个"或"上一个"按钮就可以看到其中的所有的ICO资源。

播放幻灯片
在使用ACDSee来浏览图象的时候，我们也可以设置以幻灯片的方式来连续播放图象片。要以幻灯片方式播放时，首先我们必须切换到ACDSee的图片查看窗口，然后用鼠标依次选择菜单中的Tools/Slide Show/Run，就可以开启幻灯片自动播放某文件夹中的图象；当然我们也可以从鼠标右键菜单项中启动或按快捷键"Pause"启动幻灯片播放方式。

播放动画文件
动画文件在多媒体程序中起着至关重要的作用，以往我们要选择一段动画素材时，必须启动相应的编辑软件，然后一个一个地打开后进行试播放，再选择，有了ACDSee后，这个问题就变得简单多了。在ACDSee中已经内置了MPG和AVI格式文件的解码器，使用它我们可以以缩略图形式播放动画文件，从而给选择素材文件提供了很大的方便。具体方法如下：
首先启动ACDSee，点击"Plug-Ins""Settings"，打开对话框，在这里我们可以设置ACDSee的插件功能，使之能够以缩略图方式动态显示MPG和AVI文件；
然后选中其中的"ID_AVI.apl"项目，打开设置框，选择其中的"Option"标签，并选择"Play Animation"，表示动态显示AVI文件，选中其中的"ID_MPG.apl"项目，也进行类似的设置；
最后进入任一文件夹，选中其中的AVI或MPG文件，在ACDSee的图片显示区域就会出现一个小小的播放器，我们可以使之暂停也可以播放，这样对一AVI或MPG文件的内容就看得清清楚楚了。

播放声音文件
在制作多媒体程序时离不开声音，有时候为了找到一个声音，我们不得不打开声音软件进行一个一个地、不厌其烦地挑选，其实，在ACDSee软件中已经内置了声音文件的解码器，它能够认识WAV、MID、MP3等格式的声音文件，只要进入ACDSee窗口中，选中这些文件，就会在图片显示区域内出现一播放器，通过它我们就可以试听声音了，免去打开文件和切换之烦恼。

快速查找图像文件
如果图像文件不具有标准的文件扩展名，ACDSee会认为它不是图像文件,这样在浏览窗口ACDSee不会显示文件的预览图。这时候我们可以设定让ACDSee通过访问每个文件的头部信息强制来确定它是否为图像文件。在浏览器方式下，进入设置菜单，选取"Tools/Options/Files List"标签项的"Reading Image Information"项中的除了"Never"选项的任意项。此项选择生效后，ACDSee每进入一个文件目录都会扫描目录内的文件头部，提取图像格式和尺寸信息，这样对非标准后缀名的图像文件就可以浏览查看了。这个功能可以帮助我们快速地找出一文件夹下到底有多少图形文件，这对我们多媒体制作人员是很有好处的。

查看压缩包中的文件
一般情况下，我们都喜欢把一些文件压缩成压缩文件，以节省硬盘时间，而现在比较流行的压缩算法为ZIP格式，但是有时候也会出现拿了一个ZIP文件到朋友的电脑上，正想兴致勃勃地把自己的好东西跟朋友一起分享时，却发现在他的机器上没有安装WinZip，回去拿吧……，这时ACDSee的查看和显示ZIP压缩包文件功能就能够发挥出它的作用了。具体的方法为：
首先启动ACDSee，点击"Plug-Ins""Settings"，打开对话框，选中"Archive"标签，并选中其中的"ax_zip.apl"项目，如果想查看有关"ax_zip.apl"项目的详细情况，请点击窗口右下角的"Propertiess"按钮，打开设置框，显示出一些版权信息；
然后进入任一文件夹，选中其中的ZIP文件，双击它，ACDSee会把它当作一文件夹来看待，这时候我们就可以查看其中的图片文件了（当然也包括其支持的多种格式），这样就可以在不解压ZIP文件的情况下对其包括的素材大体有个数，的确是非常方便的，如图所示的是显示的E:TEST下的1.zip文件中的图片文件；
如果我们想把里面的一文件解压缩出来，只需要直接用鼠标选中这些文件（可以多选），并把它们拖动到一文件夹下，当光标变为"+"号状时松开鼠标键即可。 参考技术A 你说的是下载按钮吧！本回答被提问者采纳

在页面中有overflow-y:auto属性的div,当出现滚动条，点击返回顶部按钮，内容回这个div最顶部

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<style>
    .lala{
        width: 10%;
        background: pink;
        color: #333;
        height: 200px;
        overflow: auto;
    }
</style>
    <div id="outerDiv" class="lala">
        <p>
            水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜
            水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜水光潋滟晴方好
            山色空蒙雨亦奇
            欲把西湖比西子
            淡妆浓抹总相宜
        </p>
    </div>
    <button onclick="document.getElementById(‘outerDiv‘).scrollTop=0;" class="joinbtn">返回顶部</button>
</body>
<script src="jquery-1.8.3.min.js"></script>
<script>

</script>
</html>