テラーノベル
アプリでサクサク楽しめる
<!DOCTYPE html>
body { font-family: sans-serif; text-align: center; padding: 30px; }
input, button { font-size: 16px; padding: 10px; width: 60%; margin: 10px; }
#logoCanvas { border: 1px solid #ccc; margin-top: 20px; }
function generateLogo() {
const text = document.getElementById(“keyword”).value.trim();
const canvas = document.getElementById(“logoCanvas”);
const ctx = canvas.getContext(“2d”);
// 背景クリア
ctx.fillStyle = “#fff”;
ctx.fillRect(0, 0, canvas.width, canvas.height);
// ランダム色
const colors = [”#e91e63”, “#3f51b5”, “#009688”, “#ff9800”, “#4caf50”];
const color = colors[Math.floor(Math.random() * colors.length)];
// テキスト描画
ctx.fillStyle = color;
ctx.font = “bold 24px sans-serif”;
ctx.fillText(text, 50, 100);
}
function downloadLogo() {
const canvas = document.getElementById(“logoCanvas”);
const link = document.createElement(“a”);
link.download = “logo.png”;
link.href = canvas.toDataURL();
link.click();
}
おしまい。
いいね、コメントよろしくお願いします!
コメント
4件
ノベルは転載できないようにコピペできないよ!! コメ欄においておくといいかも〜!