<p data-line="0" class="code-line">自動化や MCP(ModelContextProtocol)で headless でなんか Canvas 描画したい.</p>
<p data-line="2" class="code-line">現状(2025/07) 完全サポートではないようだが, ある程度は動作する.</p>
<p data-line="4" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-tweet"><iframe id="zenn-embedded__3b68719024436" src="https://embed.zenn.studio/tweet#zenn-embedded__3b68719024436" data-content="https%3A%2F%2Fx.com%2Fbunjavascript%2Fstatus%2F1823907181785423935" frameborder="0" scrolling="no"></iframe></span><a href="https://x.com/bunjavascript/status/1823907181785423935" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://x.com/bunjavascript/status/1823907181785423935</a></p>
<p data-line="6" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__f7ec683a40ea" src="https://embed.zenn.studio/card#zenn-embedded__f7ec683a40ea" data-content="https%3A%2F%2Fgithub.com%2Foven-sh%2Fbun%2Fissues%2F5835" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/oven-sh/bun/issues/5835" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/oven-sh/bun/issues/5835</a></p>
<p data-line="8" class="code-line"><code>next</code> の tag を使う.</p>
<div class="code-block-container"><pre class="shiki github-dark" style="background-color:#151e2c;color:#e1e4e8"><code class="code-line" data-line="10"><span class="line"><span>$ bun install canvas@next</span></span>
<span class="line"><span></span></span></code></pre></div>

bun で canvas でオフスクリーン描画のメモ

Discussion