Javascript canvas 拖动鼠标截图
来源:互联网 发布:windows ftp登录命令 编辑:程序博客网 时间:2024/05/22 21:32
使用mousemove,mousedown,mouseup事件来记录左边,drawimage函数完成截图。
var c = document.getElementById("canvasIcPhoto");var ctx=c.getContext("2d");var x1,y1,x2,y2;$("#imgIc").mousemove(function(e){//console.log("mouse over:"); // console.log("X:" + e.offsetX +", Y:" + e.offsetY);});$("#imgIc").mousedown(function(e){x1 = e.offsetX;y1 = e.offsetY;});$("#imgIc").mouseup(function(e){x2 = e.offsetX;y2 = e.offsetY;console.log("x1,y1,x2,y2:"+x1+","+y1+","+x2+","+y2);var width = x2-x1;var height = y2-y1;ctx.clearRect(0, 0, canvasIcPhoto.width, canvasIcPhoto.height);ctx.drawImage(imgIc,x1,y1,width,height,0,0,width,height);});
阅读全文
0 0
- Javascript canvas 拖动鼠标截图
- silverlight canvas 鼠标拖动canvas
- 鼠标拖动JavaScript
- 鼠标拖动图片-javascript
- JavaScript鼠标拖动
- javascript 鼠标拖动层。限制拖动范围
- JavaScript实现鼠标拖动方块
- wpf Canvas 限定范围拖动 鼠标滚轴改变大小
- wpf Canvas 限定范围拖动 鼠标滚轴改变大小
- 用canvas实现鼠标拖动绘制矩形框
- Javascript获取鼠标位置及拖动函数
- Javascript实现div的鼠标拖动
- 最精简的JavaScript鼠标拖动代码
- 最精简的JavaScript鼠标拖动代码
- HTML(javascript ),ondragstart,禁止鼠标拖动
- JavaScript实现鼠标拖动滑块
- Javascript事件对象+鼠标拖动实例
- Canvas截图
- AOP使用方法
- 第5章 目录配置规范
- 【bzoj 1004】 Cards 【HNOI2008】
- 《陋室铭》《陋妻铭》《微信铭》《交友铭》《老人铭》
- deepmind_lab IOQ3_COMMON_SRCS 及其他5个文件的依赖的东西
- Javascript canvas 拖动鼠标截图
- NIO入门分享
- 线性表的相关介绍
- Kotlin中Application的实例写法
- 字符串的修改
- 评价Logistic回归模型优劣的两个重要参数AIC和BIC
- Java设计模式之装饰者模式
- lombok-程序员不想错过的好工具
- spark中split()特殊符号"." "|" "*" "\" "]"