以画布的中心为原点，判断手指在画布中的坐标，算出角度，然后根据角度画圆如果你不是用在手机，还可以用html5的拖放效果来实现；var box = documentgetElementById#39drop_area#39 拖拽区域 boxaddEventListenerquotdropquot，functione epreventDefault 取消默认浏览器拖拽效果 var fileList = 获取文件对象 检测。

加个判断就可以， 如果是鼠标放到了 下面的小div中， 就自动加到 小div的父 div中 oDivDownondrop = function ev evpreventDefault var data=quotTextquot if；html5这个属性只是标明这个层，可以做这个动作而已你真正要操作这个动作，你需要js来操作它。

严格来说，FormFollowsFunction不属于H5制作平台，而是一个预览平台H5页面到底能实现什么样的动画效果这一个网站几乎能看到所有H5能够实现的动画效果，引爆你的灵感，并且让你心中有数Weebly Weebly和Wix也是一款HTML5拖放；可以参考chrome小乐图客扩展的截图功能，支持粘贴剪贴板图片拖拽图片或者粘贴图片网址上传，是通过html5 file reader实现的。

html5拖动div

1、4设置允许的拖放效果，如copy，move，link 5设置拖放目标，默认情况下浏览器阻止所有的拖放操作，所以需要监听dragenter或者dragover取消浏览器默认行为使元素可拖放6监听drop事件执行所需操作 这些是HTML5的新特性，如果你想。

2、“link”表示放置目标会打开拖动的元素但拖动的元素必须是一个链接，有URL2 dteffectAllowed = #39all#39即说被拖动元素在放置到目的地时，可以上面的任意一种效果来处理3 必须在ondraggstart事件处理程序中。

3、拖拽的实现方式 拖拽的实现方式有多种，常见的包括基于JavaScript的拖拽基于HTML5的拖拽基于Flash的拖拽等其中，基于JavaScript的拖拽是最为简单和常用的方式，通过鼠标事件来实现基于HTML5的拖拽能够实现更多的交互效果。

4、EventeffectAllowed属性拖拽的效果设置元素为可拖放，draggable属性设置为trueltimg draggable=quottruequot 拖动元素 使用ondragstart事件setData设置获取元素dataTransfersetData方法设置被拖数据类型和值function drag。

5、拖放是一种常见的特性，即抓取对象以后拖到另一个位置在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。

6、拖放效果所需的知识点draggable 规定元素是否可拖动，一般情况下链接和图片默认是可拖动的true规定元素是可拖动的 false 规定元素是不可拖动的 auto使用浏览器的默认特性 拖放元素时触发的事件 ondragstart。

7、h5中做动画的方法有很多种，一个一个说吧1h5元素本身的位移缩放，控制css属性即可，leftrighttopbottom，widthheight，另外使用transform可以完成更复杂的变化2透明度属性可以完成渐隐渐现效果，切换background。

html5拖放功能代码

那是因为你播放的音频是后端动态生成的二进制文件，而不是源音频即源文件播放路径，audio标签的currentTime不会生效，使用断点续传就可以解决你这个问题。

因为你放在图片上，默认为你在拖动图片，最好把drag这个函数贴出来。

基于SVGCanvasWebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果性能与集成特性Class Performance Integration没有用户会永远等待你的LoadingHTML5会通过XML。