💾drawOnCanvas2D()

browser ⟩ canvas ⟩ drawOnCanvas2D()

💾 程式

💾 replit: square & circle

// ⭐ draw on <canvas> 2D context
function drawOnCanvas2D(selector, draw) {
    let canvas = document.querySelector(selector);
    if (!canvas) { console.log(`⛔ no such element: "${selector}"`); return; }
    let context = canvas.getContext("2d");
    if (draw) draw(context);
}

⬇️ 應用

• square & circle

• <canvas> ⟩

  • arcTo()

  • curves

  • transformation

  • Koch snowflake

📘 手冊

• CanvasRenderingContext2D