摘要：
我们需要使用到 ref 和 reactive 来触发界面绑定变量的更新。 reactive 的参数对象一般是对象或者数组，能够将复杂数据类型变为响应式数据；它的响应式是深层次的，底层本质是将传入的数据转换为 Proxy 对象。 ref 的参数一般为基本数据类型，也可以是对象类型；如果参数是对象类型， 阅读全文
摘要：
之前新人做的 加密狗 显示水印遮罩的功能，一直有问题，逻辑还找不出来哪有问题，自己简单写了个demo，照着套： <!doctype html> <html lang="en" translate="no"> <head> <meta charset="utf-8"> <title>test</tit 阅读全文
摘要：
需求中有个画面打开和结束时，触发脚本的功能 画面打开比较好搞，直接 ngOnInit ，获取完画面的脚本配置，直接调用脚本执行即可。 画面退出的触发倒是想了一下，分为2种情况： 1、预览画面退出：这个是基于编辑器中的预览画面，退出时主项目还在，所以直接用 ngOnDestroy 就能直接听到 2、直 阅读全文
摘要：
在之前的基础上调整部分代码，实现上传图片后的替换图片，及可以直接上传替换图片 首先需要上传一张图片，后续操作的前提都需要 canvas 中有选中的 image 对象： 之后可以点击【直接替换】，内置了2中方式：一种直接 url （需要实际存在资源文件）；另一种则为 dataUrl（base64... 阅读全文
摘要：
vh是css中的一个相对长度单位，相对于视窗的高度, 视窗被均分为100单位的vh，即1vh永远等于当前视窗高度的百分之一。 视窗被均分为100单位的vh。vh 优势在于能够直接获取高度，而用 % 在没有设置 body 高度的情况下，是无法正确获得可视区域的高度的。 视区所指为浏览器内部的可视区域大 阅读全文
摘要：
这里用到了 【DOSBox】 下载好点击安装到任意目录下：（默认是这些文件） 然后双击打开 .exe 运行文件： 根据路径找到配置文件，然后右键编辑： 在最后增加一行代码，用来挂在游戏，我这里把游戏直接放在了 DosBox 的安装目录下： 配置文件还有其他可调配置：（具体可以自行百度） 然后重开一下 阅读全文
摘要：
官方文档：https://ng.ant.design/version/11.4.x/components/modal/zh ng-zorro 中，modal 对话框是不可拖动的，这里记录个指令实现其可拖动效果。 主要使用在标题行，使用 nzTitle 关联 template，然后调用指令： <nz- 阅读全文
摘要：
判断当前界面是否为一个 iframe 界面。 报警音目前只存在一个按钮，但是如果使用 iframe 的话，会在一个界面存在多个控制按钮，于是增加判断当前是否为 iframe ，来控制按钮显示 if (self.frameElement && self.frameElement.tagName 'IF 阅读全文
摘要：
实际上 gif 图片是没有 播放暂停等直接操作 api 的 不过可以使用 libgif.js，通过操控 gif 图片的分解组合，来实相同效果。 同时增加了一个倒放按钮，能够倒放 gif 图片 代码记录： /** * 图片 gif 动图，控制（暂停，播放，重播，前一帧后一帧，倒放） * 文档：http 阅读全文
摘要：
主要是为了实现图片转 base64 功能。 1、通过图片上传，使用 FileReader 读取文件，直接可获得 base64 字符串 2、通过 document.execCommand('copy'); 实现复制功能 /** * 图片转为 base64 字符串存储；（上传图片+复制base64字符串 阅读全文