文字转图片

<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>