首页 > 代码库 > web 拖放
web 拖放
<body>
<div style="height:500px;width:300px;border:1px solid red;float:left">
<img src="http://www.mamicode.com/1.jpg" style="height:100px;width:100px;">
</div>
<canvas id="canvas"height="500px" width="500px" style="border:2px solid red"></canvas>
<div style=" clear: both"></div>
<script>
var ele=document.getElementById(‘canvas‘);
var canvas=ele.getContext(‘2d‘);
ele.ondragover=function(e){
e.preventDefault();
};
ele.ondrop=function(e) {
var src = http://www.mamicode.com/e.dataTransfer.getData("text");
var img = new Image();
img.src = http://www.mamicode.com/src;
img.onload = function () {
canvas.drawImage(img, e.offsetX-50, e.offsetY-50,100,100);
}
};
</script>
</body>
web 拖放
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。