将画布保存为图像仅可见区域
save canvas as image only visible area
我试着在画布上保存一个图像在调整大小或添加一些效果之后但是我无法保存画布的可见区域它一直保存整个图像有没有办法我只能保存画布的可见部分不管它是PHP还是javascript或其他什么
我正在使用jquery和PHP来保存图像,但同样的事情
var canvasData = canvas.toDataURL("image/png");
var postData = 'canvasData='+canvasData;
var ajax = new XMLHttpRequest();
ajax.open('POST','http://localhost/canvas/imagesaver.php',true);
ajax.setRequestHeader('Content-Type', 'canvas/upload');
这就是我现在要做的
http://jsfiddle.net/BPmb5/1/唯一客户端解决方案:
- 创建第二个大小合适的画布(或者你可以从你的页面中调整一个隐藏的画布)
- 使用第二个画布ctx的画布上下文函数。drawImage(画布1,sx, sy, sw, sh, dx, dy, dw, dh)
- 在第二个画布上使用。todataurl ("image/png")代码
相关文章:
- 不能在图像中的地图标记中使用花式框jquery插件的区域标记
- 如何使用JavaScript/jQuery选择图像的多边形区域
- 如何将 ng-repeat 与图像映射区域标签一起使用
- 如何在文件打开和调用图像区域选择时获取原始图像大小
- 地图<区域>未显示背景图像
- 如何创建具有滚动背景图像的可滚动文本区域
- 用于图像上映射区域的Bootstrap Popover/Tooltip
- Javascript(或jquery)来获取文本区域值的每个图像标记
- 缩小后的大图像上的Jcrop圆形选择显示预览选择区域中的全尺寸图像
- 任何比较两个不同位图图像并在javascript中检测不同区域的方法
- 是否可以使用图像数据设置画架命中区域
- 获取图像可见区域状态,以在画布中将图像设置在先前拖动的位置
- 单击以将所有图像 HTML 标记插入到文本区域
- 图像映射区域无法触发单击事件.afer最大化寡妇或恢复窗口单击事件触发
- 如何使绝对定位的图像区域地图可以用鼠标点击
- 响应式图像区域地图与螺旋菜单冲突
- 高亮显示图像区域-单击链接时
- 当我的模态窗口关闭时,从图像中删除图像区域选择
- 在HTML5图像画布中裁剪图像区域
- 从主图像区域打开fancybox中的特定图像