使用angular/jquery在渲染后调整图像的大小
resize an image after it is rendered using angular/jquery
我的html是这样的,
<img width="150" height="150" src="https://d.pcd/image/578434201?hei=75&wid=75&qlt=50,0&op_sharpen=1&op_usm=0.9,0.5,0,0" ng-src="https://d.pcd/image/578434201?hei=75&wid=75&qlt=50,0&op_sharpen=1&op_usm=0.9,0.5,0,0">
我想在页面中渲染图像后调整图像的大小,如我想更改hei=150和wid=150。
注意:我的完整图像url(包括hei,wid)来自一个服务,所以我不能在那里改变它。任何建议吗?
如果我得到你的意图正确比你可以使用jQuery。添加一个id
属性到你的图像,这样它就很容易选择。例如id="myImg"
$("#myImg").css({"height" : 123 , "width" : 123});
只需将123更改为您想要的大小,甚至可以添加一个变量名。
相关文章:
- 客户端图像调整大小.任何已知问题
- TinyMCE图像调整大小模式
- 将特定html文件上的幻灯片图像调整为移动屏幕
- 如何使用 jquery 和 css 在固定标题导航栏中将头像图像调整为较小的图像
- 在 JavaScript 中编辑 blob 图像(调整大小并添加边框)
- JavaScript图像调整大小窗口
- 多个图像调整大小并上传说明
- 将未知大小的图像调整为特定大小而不裁剪.(信箱)
- JQuery 图像调整器和文本操纵器
- 想要使用 html5 的画布优化捕获的图像调整大小和旋转的代码,现在在移动设备上发出内存不足警告
- 客户端图像调整大小并保存
- jQuery图像调整大小以适应模态的问题
- 获取将图像调整为其容器大小的脚本的名称+其他功能
- html5画布图像调整大小
- 当主图像调整大小时,使顶部图像保持原位
- Javascript将图像调整为不同的大小,其中只有宽度很重要
- 图像调整与javascript没有视觉干扰
- 图像调整大小NaN错误
- 将图像调整大小/拉伸到只有在页面加载后才知道的尺寸
- 在WebKit浏览器中,图像调整会产生轻微的、短暂的像素化