html5拖放和阻止系统默认的操作与canvas标签及应用

来源:互联网 发布:python股票交易系统 编辑:程序博客网 时间:2024/05/18 03:05

onedragstart:调用了一个函数,drag(event),它规定了被拖动的数据

设置拖动数据:

setData():设置被拖数据的数据类型和值

放入位置:

ondragover:事件规定在何处放置被拖动的数据

放置:

ondrop:当放置被拖动数据是,会发生drop事件


——.preventDefault(); 阻止系统默认的操作


canvas标签:

HTML5<canvas> 元素用于图形的绘制,通过脚本(通常JavaScript)来完成<canvas>标签只是图形容器,你必须

所以脚本来绘制图形

你可以通过多种方法使用canvas绘制路径,盒,圆,字符以及添加图像

js写法:用到转义符:doucument.body.innerHTML = "<canvas id=\"mycanves\" width=\""+CANVAS_WIDHT+"\" height=\""+CANVAS_HEIGHT+"\"></canvas>

绘制图片的图片的网站:developer.mozilla.org

应用:

createjs库文件

官网:createjs.com



0 0