社区
ASP
帖子详情
如何实现对图片进行等比缩放??
sunny911
2003-11-26 01:28:11
如何实现对图片进行等比缩放??
...全文
122
4
打赏
收藏
如何实现对图片进行等比缩放??
如何实现对图片进行等比缩放??
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
tomelir
2003-11-26
打赏
举报
回复
通过CSS也可以
甘泉123
2003-11-26
打赏
举报
回复
只限制一个,高或者宽
sunny911
2003-11-26
打赏
举报
回复
我试试,好了马上结
好记忆不如烂笔头abc
2003-11-26
打赏
举报
回复
<img width="100px" src="aaa.jpg">
或<img height="100px" src="aaa.jpg">
即:只要单独限制了图片的宽或高就可以了。
图片自动按照宽缩放或是按高缩放。
JQuery
实现
等比
缩放
图片
插件
JQuery
实现
等比
缩放
图片
插件,有需要的可以参考使用。
JS
图片
等比
缩放
产品图与缩略图共用一个
图片
时,缩略图等比
缩放
,不变形。
图片
等比
缩放
展示
图片
等比
缩放
展示,可以在窗口重置的情况下,等比
缩放
,翻页滚动。主流浏览器都兼容。
php+h5+canvas+jcrop
实现
网页上传
图片
并对原图等比
缩放
后
进行
裁剪
本例使用php+h5+canvas+jcrop
实现
网页上传
图片
并对原图等比
缩放
后
进行
裁剪。
实现
过程:在HTML中对
图片
进行
上传,在
图片
文件还未上传至服务器仍停留在form表单时,对该文件
进行
处理,在此过程中先获取原图的64位base编码,然后利用canvas对原图
进行
等比
缩放
,将
缩放
之后的
图片
生成新的64位base码并将其显示在网页预览
图片
中;之后使用jcrop对该
图片
进行
在线裁剪,获取裁剪坐标及尺寸后,将
缩放
后的
图片
,裁剪坐标和宽高等通过post传到PHP页面,在PHP页面对
图片
进行
最后的裁剪。本例主要的js写在了script.js中,该文件中我写了详细的注释,很容易看懂。本例是我在项目实际使用的,如果使用的话做简单的修改即可。
上传
图片
- 等比
缩放
上传
图片
的同时可以生成两个小的缩略图,一个为100X100,一个为300X300。
ASP
28,406
社区成员
356,946
社区内容
发帖
与我相关
我的任务
ASP
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
复制链接
扫一扫
分享
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章