JavaScript:实时调整图像大小
JavaScript: Real resizing for images
我编写了一个模块,可以在其中执行图像操作。也总是有不同过滤器的预览等等
无厘头的是,所有的画面都应该很快。也可以是一张3000 x 3000像素的图片。对于会花费太多时间。
有没有办法将图片的大小调整为例如200 x 200?我的意思是真正调整图像的大小。
您可以使用画布在JavaScript中调整图像大小。该映像必须与您的域位于同一个域上。
首先,您在创建的画布上绘制图像。您可以设置宽度&高度
document.getElementByTagName('canvas')[0].getContext(2d).drawImage....
之后,您可以将图像从canva恢复到您的图像标签。
document.getElementByTagName('img')[0].src= document.getElementByTagName('canvas')[0].toDataUrl()
您可以看到以下示例:http://www.html5canvastutorials.com/tutorials/html5-canvas-image-size/
相关文章:
- 客户端图像调整大小.任何已知问题
- TinyMCE图像调整大小模式
- 将特定html文件上的幻灯片图像调整为移动屏幕
- 如何使用 jquery 和 css 在固定标题导航栏中将头像图像调整为较小的图像
- 在 JavaScript 中编辑 blob 图像(调整大小并添加边框)
- JavaScript图像调整大小窗口
- 多个图像调整大小并上传说明
- 将未知大小的图像调整为特定大小而不裁剪.(信箱)
- JQuery 图像调整器和文本操纵器
- 想要使用 html5 的画布优化捕获的图像调整大小和旋转的代码,现在在移动设备上发出内存不足警告
- 客户端图像调整大小并保存
- jQuery图像调整大小以适应模态的问题
- 获取将图像调整为其容器大小的脚本的名称+其他功能
- html5画布图像调整大小
- 当主图像调整大小时,使顶部图像保持原位
- Javascript将图像调整为不同的大小,其中只有宽度很重要
- 图像调整与javascript没有视觉干扰
- 图像调整大小NaN错误
- 将图像调整大小/拉伸到只有在页面加载后才知道的尺寸
- 在WebKit浏览器中,图像调整会产生轻微的、短暂的像素化