万奢网-名品奢网名表回收网 › 首页 ›手表回收云资讯› 手表导购 › 查看内容

是否能用HTML去编辑修改一张图片？

2023-2-15 19:42| 发布者: 挖安琥| 查看: 118| 评论: 2

摘要: 一直深受前端人员任务学习点多的影响，做为一个小白，想提问下，是否有一款能用代码直接修剪一张图片的软件道具呢？如何使用代码去修改一张图片的大小但不受清晰度影响(动态图)如没有是否有人想过去编辑这么一个软件 ...

一直深受前端人员任务学习点多的影响，做为一个小白，想提问下，是否有一款能用代码直接修剪一张图片的软件道具呢？

如何使用代码去修改一张图片的大小但不受清晰度影响(动态图)

如没有是否有人想过去编辑这么一个软件呢？如做出来，我想很受程序员欢迎，也许是我认知的范围小~

路过

雷人

握手

鲜花

鸡蛋

收藏邀请

已有 2 人参与

会员评论

奢侈品回收 2023-2-15 19:43 引用

我认为你说的“html”，是指“html、css、js”；有两种解决方案可以修改一个图片的大小而不影响清晰度；
第一种解决方案：css超出隐藏就是用css中的overflow:hiddenhtml:<div><img src="1.jpg"></div>css:div{width:100px;height:100px;overflow:hidden;}优点：这种解决方案没有对图片进行任何修改；缺点：裁剪之后，你加载的还是原来的图片，图片原来是100KB，现在还是这么大；
第二种解决方案：js真正裁剪demo 演示地址： Cropper.jsgithub地址：fengyuanchen/cropperjs优点：裁剪之后，原来是100KB，现在肯定小于100KB缺点：不是你原来的图片了，可能会对清晰度有影响；
wanhuLee 2023-2-15 19:42 引用

　　首先修改图片的软件一般是图片处理合成软件，一般不需要代码就可以编辑，一般常见的有Photoshop、fireworks、AI等，如果想修改图片的大小而浅析度不变的话，就需要将图片做成适量图，这样图片无论放大多少倍了不影响图片质量。如果图片是在网页中就要结合html或CSS来格式化图片修改其属性就可以。使用html来约束图片大小：<img width=200px height=100px;/>使用css来约束图片大小：img {width:200px;height:100px;}但这里放大缩小会对图片清晰度有一定的影响，为了不影响图片清晰度可以将图片做得比较大，就可以将对清晰度影响减小。如果想开发在线编辑图片大小的软件，可以学习PHP，从而开发在线编辑图片的软件即可。

是否能用HTML去编辑修改一张图片？

会员评论

相关分类