lemon_drawing

功能描述

html5实用画板,灵活运用HTML5手势特性实现画板功能。

依赖的插件

无

快速使用

    <canvas id="xxx" width=300 height=300></canvas>

    <div id=actions class="actions">
        <svg id=pen class="active icon">
            <use xlink:href="#icon-pen"></use>
        </svg>
        <svg id=eraser class="icon">
            <use xlink:href="#icon-erase"></use>
        </svg>
        <svg id=clear class="icon">
            <use xlink:href="#icon-clear"></use>
        </svg>
        <svg id=download class="icon">
            <use xlink:href="#icon-save"></use>
        </svg>
    </div>

    <ol class="colors">
        <li id="red" class="red active"></li>
        <li id="green" class="green"></li>
        <li id="blue" class="blue"></li>
    </ol>
    <ol class="sizes">
        <li id="thin" class="thin"></li>
        <li id="thick" class="thick"></li>
    </ol>
    <script src="libs/lemon_drawing_main.js"></script>
    <script src="libs/lemon_drawing.js"></script>

特别说明

注意js要在最后引用
是否仍需要帮助？ 请保持联络！
最后更新于 2024/04/24