引用了boostrap 自适应样式后图片的缩放与实际裁剪解决方法
来源:互联网 发布:mac os 快速回到桌面 编辑:程序博客网 时间:2024/05/22 01:18
最近帮同学的朋友做一个小东西,效果的实现,是 手机用户上传 一张图片,然后可以 实时裁剪这张图片,并返还给该用户。
当时引用了 jquery 的jcrop库,一直在电脑端测试,未在手机端测试,结果用了一张1366*768 规格的图片时,手机端出现了样式错乱,听说boostrap只要引用它定义的样式,可以解决自适应的问题,于是引入了,图片可以正常显示了,可由此,图片也被缩放了,可当时的jcrop裁剪是获取在屏幕的实际落点,然后返还对应的坐标值,并传到php处理页面,进入处理、如果手机屏幕是360*480的尺寸的话,最大的裁剪范围也就是手机的屏幕大小,所以根本无法实时的记录对应的落脚点与图片的实际点,最后采取的方法是
1.获取传入的图片的实际尺寸
2.获取当前被boostrap缩放的图片尺寸
3.计算它们之间的差别比例
3.在传到php处理页面的对应坐标 乘回去它们差别的比例
PS :x1 , y1 , cw ,ch 的值为 当前 实际落脚点的值,action2.php 页面为php的裁剪处理页面
4.完成。
0 0
- 引用了boostrap 自适应样式后图片的缩放与实际裁剪解决方法
- android 调用原生图片裁剪后的图片尺寸缩放
- PHP图片裁剪与缩放 / 无损裁剪图片
- nginx实现图片的缩放和裁剪
- 图片缩放,可裁剪的封装类
- 图片缩放裁剪
- iOS 图片裁剪 缩放
- 图片缩放裁剪
- nginx-图片裁剪缩放
- java 图片缩放、裁剪。
- surfaceview缩放裁剪图片
- 图片裁剪/旋转/缩放
- 图片裁剪后照片旋转了
- boostrap里面的表格样式
- html5图片裁剪控件原型【含缩放,旋转,拖动功能】---3、实际演示效果
- 截屏,裁剪图片,缩放图片
- Java图片操作 --- 图片的读取、绘制、缩放、裁剪、保存
- 自适应(合理缩放图片)
- 使用POI读取excel文件内容
- android中wifi原理及流程分析
- Ubuntu-创建wifi热点-Android能连接(2)
- MYSQL中日期与字符串间的相互转换
- poset_Dilworth定理及其应用
- 引用了boostrap 自适应样式后图片的缩放与实际裁剪解决方法
- 【android】view.isShown ()的用法
- Java Language:-正式开课(对自己的总结)-11/30/2014
- kalman滤波--运动跟踪
- Loader中content的属性
- 天音通信虚拟运营商招聘
- Qt error: glibconfig.h: No such file or directory #include <glibconfig.h>
- 如何用XSLT生成带CDATA段的xml文档
- 汇编:汇编介绍