202010日常

最新推荐文章于 2021-07-15 22:27:58 发布

每天进步一点.

最新推荐文章于 2021-07-15 22:27:58 发布

阅读量147

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_45152848/article/details/108977760

版权

20/10/9 14:17

字符串转base64，base64转字符串

btoa()：字符串或二进制值转为Base64编码
atob()：Base64编码转为原来的编码

此处涉及是由于aliyun图片水印功能涉及
源图片
http://forcass-res.oss-cn-qingdao.aliyuncs.com/AttachFiles/1029/2020_09_27_1601189397674.jpg
在这里插入图片描述

水印图片
http://forcass-res.oss-cn-qingdao.aliyuncs.com/CKLAttachFiles/9600/2020_10_09_9600_1602209549558.png
在这里插入图片描述

第二张作为第一张的蒙版图片
规则：源图片地址 + “x-oss-process=image/watermark,image_” + 水印图片路径的base64码

“http://forcass-res.oss-cn-qingdao.aliyuncs.com/AttachFiles/1029/2020_09_27_1601189397674.jpg?x-oss-process=image/watermark,image_” + btoa(“CKLAttachFiles/9600/2020_10_09_9600_1602209549558.png”)

结果如下：
http://forcass-res.oss-cn-qingdao.aliyuncs.com/AttachFiles/1029/2020_09_27_1601189397674.jpg?x-oss-process=image/watermark,image_Q0tMQXR0YWNoRmlsZXMvOTYwMC8yMDIwXzEwXzA5Xzk2MDBfMTYwMjIwOTU0OTU1OC5wbmc=
在这里插入图片描述

pre 处理 textarea 文本换行

div不识别回车换行符
从textarea取到的文本为如下
22222
123213
213213213
如果直接丢到 div 中则会显示成一行

此处改为

<pre>
	22222
	123213
	213213213
</pre>

canvas_base64图片下载

var canvas = document.querySelector("canvas");
var code = canvas.toDataURL('image/png');
var a = document.createElement("a");
a.setAttribute("href", code);
a.setAttribute("download", "download.png");
a.click();

根据id查询路径（现代文阅读 / 新闻阅读 / …）

var routeList = getPointListRoute(15, list);
console.log(routeList)
function fetchRoute(value, arr){
    var temppath = [];
    try{
        function getNodePath(node){
            temppath.push(node.name);
            if (node["id"] === value) {
                throw ("GOT IT!");
            }
            if (isValidArray(node.children)) {
                for (var i = 0; i < node.children.length; i++) {
                    getNodePath(node.children[i]);
                }
                temppath.pop();
            }
            else {
                temppath.pop();
            }
        }
        for (var i = 0; i < arr.length; i++) {
            getNodePath(arr[i]);
        }
    } catch (e){
        return temppath;
    }
}