js电子白板资源-CSDN文库

共34个文件

png：16个

js：14个

json：2个

电子白板

websocket

nodejs

canvas

需积分: 39 106 浏览量 2018-07-30 15:39:27 上传评论 2 收藏 83KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

whiteboard.rar （34个子文件）

whiteboard

public

index.html 6KB

images

cursors

move.png 406B

circle.png 345B

line.png 201B

rectangle.png 239B

stroke.png 296B

path.png 735B

pan.png 340B

eraser.png 299B

strokeColor.png 322B

arrow.png 292B

fill.png 378B

text.png 389B

white_bg.png 1KB

def_pic.png 19KB

whiteboard_bg.png 3KB

delPic.png 2KB

ImageCache.js 2KB

UUID.js 3KB

qbian.js 6KB

jquery.min.js 95KB

fileUpload

base

ConstConfig.js 629B

events.js 11KB

util.js 1KB

FileUpload.js 7KB

Canvas.js 5KB

board.js 20KB

fileUpload.js 3KB

FileCache.js 3KB

css

whiteBoard.css 5KB

server.js 519B

src

ws.js 374B

package-lock.json 15KB

package.json 282B

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>远程医疗试教系统</title> <link rel="stylesheet" href="css/whiteBoard.css"> <script src="./socket.io/socket.io.js" charset="utf-8"></script> </head> <body>  <div class="board">  <canvas id="canvas" class="canvas-line canvas">浏览器不支持canvas</canvas> <div id="opts" class="opts"> <div class="opts-layer"> <div class="setting"> <span id="setColor" class="setColor"></span> <span id="setLineWidth" class="setSize"></span>  <div class="setColor-layer" id="color" > <ul> <li class="color-item col_red" style="background-color: #000"></li> <li class="color-item col_red" style="background-color: #fff"></li> <li class="color-item col_red" style="background-color: #d1021c"></li> <li class="color-item col_red" style="background-color: #fddc01"></li> <li class="color-item col_red" style="background-color: #7dd21f"></li> <li class="color-item col_red" style="background-color: #228bf8"></li> <li class="color-item col_red" style="background-color: #9b0df5"></li> <li class="color-item col_red" style="background-color: #7a3e3e"></li> <li class="color-item col_red" style="background-color: #f443ab"></li> <li class="color-item col_red" style="background-color: #b9fd01"></li> <li class="color-item col_red" style="background-color: #1cb114"></li> <li class="color-item col_red" style="background-color: #135b88"></li> <li class="color-item col_red" style="background-color: #1516bd"></li> <li class="color-item col_red" style="background-color: #003300"></li> <li class="color-item col_red" style="background-color: #330000"></li> <li class="color-item col_red" style="background-color: #336600"></li> <li class="color-item col_red" style="background-color: #999966"></li> <li class="color-item col_red" style="background-color: #9900FF"></li> </ul> </div>  <div class="setSize-layer" id="lineWidth"> <ul> <li class="line-item col_size">2</li> <li class="line-item col_size">4</li> <li class="line-item col_size">6</li> <li class="line-item col_size">8</li> <li class="line-item col_size">10</li> <li class="line-item col_size">12</li> <li class="line-item col_size">20</li> </ul> </div> </div> <div id="line" class="opt line" title="画笔"></div> <div id="straightLine" class="opt straightLine" title="直线"></div> <div id="rect" class="opt rect" title="矩形"></div> <div id="round" class="opt round" title="圆形"></div> <div id="text" class="opt text" title="填写文本后，点击绘制"></div> <div id="delete" class="opt delete" title="选中后高亮，点击删除"></div> <div id="undo" class="opt back" title="撤回上一步"></div> <div class="opt setImageNo"> <div id="setImage" class="opt setImagePic" title="背景图库"></div> <div id="imgs" class="setImage-layer"> <div class="img-opt"> <input type="file" id="file" name="myfile"/> <input class="def-btn" type="button" id="uploadBtn" value="上传"/> </div> <div id="imgBox" class="imgBox"></div> <div id="fileBox" class="fileBox"></div> </div> </div> <div id="clearAll" class="opt clear" title="清空"></div> </div> </div> </div>  <script src="./js/jquery.min.js" charset="utf-8"></script>  <script src="./js/UUID.js" charset="utf-8"></script>  <script src="./js/qbian.js" charset="utf-8"></script>  <script src="./js/ImageCache.js" charset="utf-8"></script>  <script src="./js/FileCache.js" charset="utf-8"></script>  <script src="./js/Canvas.js" charset="utf-8"></script>  <script src="./js/board.js" charset="utf-8"></script>  <script src="./js/fileUpload/base/ConstConfig.js" charset="utf-8"></script> <script src="./js/fileUpload/base/events.js" charset="utf-8"></script> <script src="./js/fileUpload/base/util.js" charset="utf-8"></script> <script src="./js/fileUpload/FileUpload.js" charset="utf-8"></script> <script src="./js/fileUpload.js" charset="utf-8"></script> </body> </html>

评论收藏

内容反馈