笔记

##PHP转义符号
###单引号
‘'‘==>单引
‘\‘==>反斜杠
###双引号
“ \n” ==>换行

“\r”==>回行首

“\t”==>水平制表符

“\“==>反斜杠

“$“==>美元符号

“ '“==>单引号

“ "“ ==>双

Read more

2018-07-19 更新至4.4.1

前言

今天我生日,作者也很给面子的更新啦 ::aru:tongue:: ,其实不是因为我啊,水一篇文章,纪念下

正文

在复杂中,保持简洁。
如你所见,这是一款花费很长时间才得以完成的主题。
在功能强大和体积轻巧中不断权衡,然后呈现在你的面前。
为了更好地创作,为了更好记录生活

Read more

{软件推荐}FinalShell 2.9.1

##前言
哈哈,我又回来水文啦,最近看到群里老哥用的一款SSH客户端,发现界面挺新颖,功能也挺丰富的,所以在这里就推荐给大家了!
##正文
###简介
FinalShell是一体化的的服务器,网络管理软件,不仅是ssh客户端,还是功能强大的开发,运维工具,充分满足开发,运维需求。

**

Read more

Typecho复制弹窗提示

##前言
现在还是在准备期末考试,嘿嘿,抽空写文章,(复习是不可能复习的,这辈子都不会复习)

正文

最近发现一个很好看的web弹窗层插件!而且宝塔面板的弹窗层也是这个,简单,方便,易用!而且拓展性高!我就在想能不能做个弹窗来提示copy的“不法分子”加上版权呢!

步骤一

Read more

添加在线二维码API服务

前言

打算整合不能远程访问使用的API,以缩短API列表,多添加实用远程API,节省服务器资源!现已经有12个种类的API!

正文

为方便网民和个人博主等个人用户的在线二维码生成需求,现添加在线生成二维码服务,节省广大博主的服务器资源,秉承方便大众的服务主治,贯彻党的十九大精神

Read more

通知

博主要期末考试了,所以不能更新博客了哦!见谅,所有的项目停止
列表如下:
XSY的工具箱
心远中学论坛
心远中学论坛App

话说app编译有问题,看有老哥会的没,帮我解决下咯
org.gradle.initialization.ReportedException: org.g

Read more

CC BY-NC-SA 3.0是啥?

前言

CC BY-NC-SA 3.0(知识共享-署名-非商业性使用-相同方式共享 3.0)协议,这是一份普通人可以理解的许可协议概要。

协议

Creative Commons,简称 CC,中国大陆正式名称为知识共享,台湾正式名称为创用 CC。是一个非营利组织,也是一种创作的授权方式

Read more

使用Github搭建Hexo静态博客!

前言

首先我们中学生马上期末考试了,哥哥姐姐们也马上中,高考了,祝贺中国的考生们:
愿你盖上笔帽的那一刻,有勇士收刀回鞘般的骄傲!
我相信你们一定可以
给自己的人生画上最好的转折号!

正文

步骤一

安装Node.js和配置好Node.js环境,打开cmd命令

Read more

让 Typecho 支持 Emoji 表情

前言

嘿嘿嘿,最近没文章可写啦,只能水水水!

正文

首先修改数据库编码啦

1. 修改数据库编码

进入 PhpMyadmin,在博客数据所在数据库的设置(操作 - 排序规则)中,选择 utf8mb4_unicode_ci

2. 修改数据库表编码

执行以

Read more

熊猫记仇表情在线生成代码

前言

今天闲的无聊,试着用Canvas做了时下比较流行的熊猫记仇不多说,直接放代码

DEMO

记仇

代码

成品

<!DOCTYPE html>
<h
<!--more-->
tml>
<head>
  <title>在线制作熊猫记仇表情包</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="//cdn.hap5.top/photo/ico.png">
  <link rel="bookmark" href="//cdn.hap5.top/photo/ico.png">
  <script src="jc.js"></script>
<head>
<style>
.jichou_body{
        text-align: center;
}
.jichou_textarea{
        width: 416px;
        height: 216px;
}
</style>
<body>
<div class="jichou_body">
    <div><canvas id="jichou"></canvas></div>
    <div>
        <textarea class="jichou_textarea" placeholder="输入想要记录的字,单行超过显示限制记得回车换行" oninput="drawJichou(this)"></textarea>
    </div>
    <div><a href="javascript:;" id="saveCanvas">保存</button></a>
</div>

拆解

HTML:

<div class="jichou_body">
    <div><canvas id="jichou"></canvas></div>
    <div>
        <textarea class="jichou_textarea" placeholder="输入想要记录的字,单行超过显示限制记得回车换行" oninput="drawJichou(this)"></textarea>
    </div>
    <div><a href="javascript:;" id="saveCanvas">保存</button></a>
</div>

CSS:

.jichou_body{
        text-align: center;
}
.jichou_textarea{
        width: 416px;
        height: 216px;
}

JS:

var imgSrc = [
    "jcimg.png"//记仇图片路径按需填写
]
var images = [];
 
function loading(){
    var imgLength = imgSrc.length;
    var loadingNum = 0;
    for(var i=0;i<imgLength;i++){
        images[i] = new Image();
        images[i].src = imgSrc[i];
        images[i].onload = function(){
            loadingNum++;
            if(loadingNum===imgLength){
                initImg();
            }
        }
    }
}
//以上读取图片
function initImg(){//初始化
    var c=document.getElementById("jichou");
    var ctx=c.getContext("2d");
    ctx.fillStyle="#ffffff";
    ctx.fillRect(0,0,c.width,c.height);
    c.width = 416;//根据记仇图片宽度写
    c.height = 336;//根据记仇图片高度写
    ctx.drawImage(images[0],0,0);
    saveCanvas();
}
function drawJichou(obj){//绘制文字
    var c=document.getElementById("jichou");
    var ctx=c.getContext("2d");
    var inputText = obj.value;
    var textArr = inputText.split("\n");
    var h = 336;
    console.log(textArr);
    for(var i=0;i<textArr.length;i++){
        h = 336+12+24*i;
    }
    c.width = 416;
    c.height = h;
    ctx.fillStyle="#ffffff";
    ctx.fillRect(0,0,c.width,c.height);
    ctx.drawImage(images[0],0,0);
    for(var i=0;i<textArr.length;i++){
        ctx.fillStyle="#000000";
        ctx.font="16px SimSun";
        ctx.fillText(textArr[i],10,336+24*i);
    }
    saveCanvas();
} 
function saveCanvas(){//保存图片
    var canvas = document.getElementById("jichou");
    var image = canvas.toDataURL("image/png"); 
    var link = document.getElementById("saveCanvas");
    link.download = "记仇.png";
    link.href = image.replace("image/png", "image/octet-stream");
}
loading();

记仇图片下载

记仇图片下载:https://cdn.hap5.top/photo/jcimg.png
放在同一个目录即可