| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <html>
- <head>
- <meta charset="UTF-8">
- <title>高级画板程序(canvas) - 授课系统</title>
- <link rel="stylesheet" href="css/index.css">
- </head>
- <body style="background-color: #E5E4E5;;overflow-x: hidden;">
- <div style="margin-top:10px;">
- <div style="width:50px;float:left;">
- <ul id="toolsul" class="tools">
- <li id="toolsPencil" data-type="pen" class="active">
- <i class="icon-tools icon-pen-select" data-default='icon-tools icon-pen-black'></i>
- </li>
- <li data-type="arrow">
- <i class="icon-tools icon-arrow-black" data-default='icon-tools icon-arrow-black'></i>
- </li>
- <li data-type="line">
- <i class="icon-tools icon-line-black" data-default='icon-tools icon-line-black'></i>
- </li>
- <li data-type="dottedline">
- <i class="icon-tools icon-dottedline-black" data-default='icon-tools icon-dottedline-black'></i>
- </li>
- <li data-type="circle">
- <i class="icon-tools icon-circle-black" data-default='icon-tools icon-circle-black'></i>
- </li>
- <li data-type="ellipse">
- <i class="icon-tools icon-ellipse-black" data-default='icon-tools icon-ellipse-black'></i>
- </li>
- <li class="hide" data-type="square">
- <i class="icon-tools icon-square-black" data-default='icon-tools icon-square-black'></i>
- </li>
- <li data-type="rectangle">
- <i class="icon-tools icon-rectangle-black" data-default='icon-tools icon-rectangle-black'></i>
- </li>
- <li data-type="rightangle">
- <i class="icon-tools icon-rightangle-black" data-default='icon-tools icon-rightangle-black'></i>
- </li>
- <li data-type="equilateral">
- <i class="icon-tools icon-equilateral-black" data-default='icon-tools icon-equilateral-black'></i>
- </li>
- <li class="hide" data-type="isosceles">
- <i class="icon-tools icon-isosceles-black" data-default='icon-tools icon-isosceles-black'></i>
- </li>
- <li data-type="text">
- <i class="icon-tools icon-text-black" data-default='icon-tools icon-text-black'></i>
- </li>
- <li data-type="remove">
- <i class="icon-tools icon-remove-black" data-default='icon-tools icon-remove-black'></i>
- </li>
- </ul>
- </div>
- <div id="canvasDiv" class="canvasDiv" style="width:95%;">
- <canvas id="c" width="1920" height="1080">请使用支持HTML5的浏览器</canvas>
- </div>
- </div>
- <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
- <script src="https://cdn.bootcss.com/fabric.js/2.1.0/fabric.min.js"></script>
- <script src="js/demo.js"></script>
- <script src="js/canvasZoom.js"></script>
- </body>
- </html>
|
