首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS达到Web指定保存打印功能的内容

近期手中的一个项目,因为需求中要求提供Web界面的打印功能。当然假设没有打印机,还能够提供保存到本地。项目组长把这个“小任务”分给了我。...我发现这一款工具在各版本号浏览器的兼容性表现还是不错的,至于功能方面,我须要的他都提供了,并且额外的功能也是非常多的。足够我们开发使用了。对了。不得不提的是。...组件 组件名称:Lodop(提供下载) 须要引入的文件:lodop.cab(自己制作的)、LodopFuncs.js(必须的)、install_lodop32.exe(可选的,官方提供的exe格式插件)...然后是保存功能 html 代码同样,这里就不再反复贴了 js 代码 <span style="font-family:Microsoft YaHei;font-size:12px;"...就能够保存到word中了。 结束语 怎么样,非常easy吧!web 页面打印指定内容事实上就这么简单。 仅仅要找对好的工具,什么都不它是一个事!

2.3K30
您找到你想要的搜索结果了吗?
是的
没有找到

使用 Node.js + Vue 实现 Excel 导出与保存功能

我们的项目是前端用vue,服务端用node.js,这个excel导出我们已经用了一年,我们目前用到的无非是图片导出,文本导出,调调excel单元格距离等....这个node端的封装是经过同事不断的review(感谢同事),俺不断的修改优化后的代码,当时也是我第一次接触node.js,只想告诉你,用它,稳稳的!...node.js服务端代码 1.拿到需要导出的数据之后如何使用(假数据模拟,下面是页面) image.png constructor(prop) { super(prop) // 定义excel头部数据...image.png 很重要的一点就是,假设从表里面的数据返回的status是1,那么我肯定导出的不能1,应该是对应的一个中文,所以在导出前,应该进行处理,这个处理应该是在服务端来做,而不是前端做一遍,然后为了导出这个功能重新做一遍举个例子...url: url, method: 'get', params: { query: qs.stringify(params), }, }) } 复制代码 utils /** * 本地保存文件并导出

1.2K40

Swing 的 undo 包实现撤销重做功能

如果已调用end,则此方法将调用父类方法,否则将调用undo对下一个编辑的索引上一个显著编辑之间的所有编辑,适当地更新下一个编辑的索引 ? redo ? 方法来实现Undo/Redo功能。...否则,如果有编辑撤消,这将返回从下一个显著编辑将被撤销的价值。...如果没有编辑可以撤销, end并没有被调用这个返回从值UIManager财产“AbstractUndoableEdit.undoText” ?...AddEdit类负责添加操作; DeleteEdit类负责删除操作; UpDownEdit类负责上移下移操作。...比如,要执行Delete操作,我们要记住删除的元素所在位置这两个现场数据,undo方法据此来在原位置插入被删除的元素。如果没有这两个现场数据,undo就无从下手了。

88720

基于jquery的imgAreaSelect.js插件+JAVA后台实现图片裁剪保存功能

前段时间,项目在做个人信息设置,其中有一项是设置用户头像信息,需要将用户选择的头像按照用户需要进行剪切,同时保存为大(120*120)、中(75*75)、小(35*35)三种格式的图像,分别显示到不同的位置...-- 加载js文件 --> 说明:该页面是模拟前端截取图像,并将起始位置坐标图片base64编码发送给后端,后端进行处理。...clacImgZoomParam()方法主要是用于对用户选择的图像进行限定固定高度宽度,方便后台按照统一的比例计算截取的坐标位置。...Rectangle 指定了坐标空间中的一个区域,通过 Rectangle 对象的左上顶点的坐标(x,y)、宽度高度可以定义这个区域。

6K70

开源项目不应参与政治,Node.js OpenJS 官网已撤销声明!

2022 年 3 月 1 日,本周二,Node.js 官方合并了一个 PR#4450[1],翻译为 "我们与乌克兰人民站在一起。我们鼓励同情对和平的希望。...image.png 在 2022 年 3 月 3 日,本周三,Node.js 官网已撤销该声明(PR#4467[2] 可以看到),从 reaction 点赞行为看还是得到了大多数人的认可,翻译大意为 “...前端界的另一个开源项目 React,关于支持 “乌克兰的声明” 在官网就可以看到,React Node.js 这两个开源项目归属于不同的组织,关于 React 这个声明,其核心开发者 Dan 也发文做了说明...image.png 其实 Node.js 最后这个处理结果还是可以的。在 Node.js 官网取消这一横幅时,同时看了 OpenJS 基金会官网也没有了横幅声明。...image.png 一些个人的观点:“个人的政治立场、倾向,你可以选择在自己的社交平台发表你的言论,但不要参杂在开源项目里,类似于 Node.js 这样的开源项目,背后并不是一个人,他有来自世界各地的贡献者该项目的众多使用者

1.9K30

Oracle 回滚(ROLLBACK)撤销(UNDO)

--================================== --Oracle 回滚(ROLLBACK)撤销(UNDO) --===============================...=== 一、回滚(ROLLBACK)撤销(UNDO) 回滚前滚是保证Oracle数据库中的数据处于一致性状态的重要手段。...撤销的实质意味着将所作的修改退回到修改前的状态,即倒退所有DML语句 二、撤销段中的内容及相关特性 对于任何DML操作而言,必须同时处理数据块撤销块,并且还会生成重做信息 在ACID中,A、C...UNDO段中数据的作用: 用于回滚操作 读一致性闪回查询 用于事务失败时的恢复 UNDO段与事务: 一个事物的启动,Oracle将为其分配仅仅一个UNDO段,若该段用完,则Oracle会自动为该...Production TNS for Linux: Version 10.2.0.1.0 - Production NLSRTL Version 10.2.0.1.0 - Production --查看UNDO

2.3K10

JS防止站点被恶意保存

进入正题: 因为站点是纯静态的,所以没办法防止网页被扒走,但是我们可以让他扒走的网页 用不了… 对静态资源设置防盗链,判断可信域名…不过很多同学都放在 coding/github 之类的 没有这种功能的托管商...let siteprotect=1;//做一个flag 然后用于下面判断这段JS是否执行 if(self !...let whitelist=['huai.pub','127.0.0.1','localhost','']; //host白名单;空的话,为以file类型打开,是为了防止保存到本地调试,如果不担心此条...把上面部分放到一个不得不运行且打开页面就运行的JS里面(不建议放到公共资源部分,比如 jQuery之类的 )…当然 需要按照注释修改为自己的参数; 之后将这条JS 加密 然后将第二部分放到页面底部的JS...中,同时也加密后再引入(siteprotect变量可以改名 且改掉值,最好使用随机值) 重要的是 JS一定要加密 且放到对站点效果影响大的JS中… 这样就算被别人恶意保存,基本也不会有大的问题了

3.8K20

探究 canvas 绘图中撤销(undo)功能的实现方式

我们自然会想到能否实现 canvas 的 undo 功能,当用户切换水印位置时,先撤销上一步 drawImage 操作,然后再重新绘制水印图片位置。 restore/save ?...所以,使用 resolve/save 无法实现我们需要的 undo 功能。 模拟栈实现 既然原生的 API 保存绘制状态的栈无法满足需求,那么自然我们会想到自己模拟一个保存操作的栈。...在执行 undo 操作时,从栈中取出最新保存的快照,然后重新绘制画布,即可实现撤销操作。实际测试也符合预期。 性能优化 上一节中我们很粗犷地实现了 canvas 的撤销功能。为什么说粗犷呢?...假设操作步骤很多,我们在模拟栈也就是内存中就会保存很多预存的图片数据。此外,在绘制图片过于复杂时,getImageData putImageData 这两个方法会产生比较严重的性能问题。...之前说过,我们通过对整个画布保存快照的方式来记录每个操作,换个角度思考,如果我们把每次绘制的动作保存到一个数组中,在每次执行撤销操作时,首先清空画布,然后重绘这个绘图动作数组,也可以实现撤销操作的功能

2K50

『Excel进化岛精华曝光』 VSTO插件开发的撤销功能实现

只要保证插件功能不破坏用户原有数据,就算错了,重来一次即可。不破坏原数据,其实最好的方案是用自定义函数实现,如果需要用按钮功能,只需要将生成的新数据写入到新工作表或新区域即可。...https://t.zsxq.com/0bLAZMgc0 上面的VSTO实现撤销功能,本质上是VSTO开放接口给外部VBA语言来调用,但如果使用ExcelDNA框架开发,并不需要这么麻烦,项目中还要带一个...xlam文件来实现撤销。...ExcelDNA除了开发自定义函数最有效,想开发撤销功能,直接在项目里写代码即可,OnAction的属性,可以直接调用ExcelDNA里的代码。...例如笔者在Excel催化剂插件中实现的一些鼠标右键功能,也是一个套路,这部分的功能,其实是在【自定义函数.xll】文件里开发完成的。

55820

Android实现iPhone晃动撤销输入功能 Android仿微信摇一摇功能

很多程序中我们可能会输入长文本内容,比如短信,写便笺等,如果想一次性撤销所有的键入内容,很多手机需要一直按住退格键逐字逐句的删除,稍稍麻烦,不过在iPhone上,有个人性化的功能,当我们想要去撤销刚刚输入的所有内容的时候...在android中,一般手机貌似没有定制这个功能,不过我们可以自己去实现这样的功能,放置在我们的项目程序中,体现更人性化的设计,思路很简单,主要是利用手机内置的加速度传感器装置,其实大家一定会想到微信的...“摇一摇”功能,个人觉得该功能就应该是这样实现的,当我们错误输入并想撤销所有输入内容的时候,可以摇晃我们的设备,弹出一个自定义的alertdialog,根据按钮的点击事件完成相应的清除操作。...4.在onResume中注册监听事件,在注册时,会有监听器listener,感应装置sensor灵敏度rate三个参数,其中灵敏度有四种: SENSOR_DELAY_FASTEST:最灵敏的,反应非常迅速...点击“撤销键入”,即可将文字清空! 以上就是本文的全部内容,希望对大家的学习有所帮助。

1.9K62
领券