excalidraw实现在线画板绘图编辑器效果代码-html代码-BFW代码库

excalidraw实现在线画板绘图编辑器效果代码

代码语言：html

所属分类：背景

代码描述：excalidraw实现在线画板绘图编辑器效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">




    <style>
        div.container {
          margin: 0;
          padding: 0;
          width: 100%;
          height: 100vh;
        }
        
        div.actions {
          position: absolute;
          inset: auto 0 0 auto;
          background: red;
          z-index: 1000;
          display: flex;
          padding: 10px;
        }
    </style>



</head>

<body>
    <script type="module" src="//repo.bfw.wiki/bfwrepo/js/module/excalidraw/excalidraw.esm.js"></script>

    <div class="container">
        <deckgo-excalidraw>
        </deckgo-excalidraw>
    </div>

    <div class="actions">
        <button>To image</button>
        <button>Export scene</button>
    </div>



    <script >
        const toBlob = async () => {
          const excalidraw = document.querySelector('deckgo-excalidraw');
          const blob = await excalidraw?.toBlob();
        
          download({ blo.........完整代码请登录后点击上方下载按钮下载查看