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

导航

侧边栏

最新评论

广树管理员

2026-07-11 12:19

@666：因为avif格式到24年才几乎被主流浏览器覆盖。webp的缺点是不支持hdr

666

2026-07-11 12:17

avif见的不多，webp倒是不少

广树管理员

2026-07-11 11:50

@Ringnee：就是所有关卡clear

广树管理员

2026-07-11 11:50

@Aki：据我所知三星的HDR方案应该是安卓机较为通用的方案，也不排除其他手机特立独行。

Ringnee

2026-07-09 09:57

我前两天想玩一下健身环发现switch打开也没电了。节奏天国的玩到最后是什么意思？还有攻略关卡吗

攻略中

暂无评分

NS节奏天国奇迹之星

2026年7月08日 20时 ~ 攻略中

已累计游玩6天

《节奏天国：奇迹之星》是一款轻松又充满创意的音乐节奏游戏，玩家只需跟随音乐节拍按下按键，就能完成跳跃、敲击空罐、制作料理等各种有趣的小挑战。游戏延续了《节奏天国》系列简单易上手、节奏感强、画风幽默的特点，让玩家在一个个短小精巧的关卡中感受音乐与反应力结合的乐趣，适合喜欢节奏游戏和轻松休闲玩法的玩家体验。

暂无评分

PS5传颂之物：循白之证

2026年5月31日 19时 ~ 攻略中

已累计游玩1个月14天

《传颂之物：循白之证》是 AQUAPLUS 开发、Shiravune 发行的《传颂之物》系列动作 RPG。故事发生在大国“大和”恢复和平之后：奥修特尔、御雷、宗近、修娘等人击退敌国阿瓦什兰的侵略，本应迎来安宁，但各地却陆续出现看似毫无关联的怪异现象，并逐渐指向同一个源头；随着三条线索彼此重叠，众人再次踏上旅程，而旅途尽...

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

2018-05-17 12:51:26

JavaScript

试着用Canvas做了时下比较流行的熊猫记仇

测试预览：

保存

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 = [
	"jichouimg.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();

#canvas