编写html代码在文本框输入文字后点击按钮以图片形式输出文字顺时针旋转180度文字是二号字。
文字转图片
<script>
function generateImage() {
var text = document.getElementById("text").value;
var canvas = document.createElement("canvas");
canvas.width = 200;
canvas.height = 200;
var ctx = canvas.getContext("2d");
ctx.font = "bold 30px Arial";
ctx.fillStyle = "#fff";
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = "#000";
ctx.textAlign = "center";
ctx.textBaseline = "middle";
ctx.translate(canvas.width/2, canvas.height/2);
ctx.rotate(Math.PI);
ctx.fillText(text, 0, 0);
var dataURL = canvas.toDataURL();
document.getElementById("image").innerHTML = '<img src="' + dataURL + '" alt="转换后的图片">';
}
</script>
原文地址: https://www.cveoy.top/t/topic/eztB 著作权归作者所有。请勿转载和采集!