腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(2628)
视频
沙龙
2
回答
如何
使用
canvas
drawimage
函数
按照
纵横
比
裁剪
图像
中心
javascript
、
html
、
reactjs
、
react-native
、
canvas
我有一个肖像
图像
,我想从
中心
裁剪
它的一部分,如16:9宽高比/或任何其他方式,我做了其他事情,如放置在画布上,我只想要它的动态坐标,因为在其他移动设备上测试会得到不同的结果。示例第一个
图像
是原始
图像
,下面是我想要的
裁剪
图像
? ?
浏览 32
提问于2021-04-14
得票数 1
5
回答
ImageMagick:
如何
最小限度地将
图像
裁剪
到一定的
纵横
比
?
imagemagick
、
crop
、
aspect-ratio
使用
imagemagick,我希望以最小的方式
裁剪
图像
,使其适合给定的
纵横
比
。 例如:假设
图像
为3038 x 2014像素,我希望将其
裁剪
成3:2的
纵横
比
。由此得到的
图像
将是3021x2014像素,从原始
图像
的
中心
裁剪
。
浏览 0
提问于2014-01-21
得票数 28
2
回答
在给定目标宽度/高度的画布上绘制画布会导致
图像
失真
javascript
、
canvas
这个画布我试图在另一个画布上画一个给定的目标宽度和高度,但结果是一个扭曲的
图像
。("
canvas
").getContext("2d");
canvas
.
drawImage
("
canvas
"); var ctx =
canvas
.
浏览 8
提问于2017-01-06
得票数 0
回答已采纳
2
回答
Reactjs:
如何
在客户端以最小的宽高比
裁剪
图像
?
javascript
、
reactjs
、
image-processing
、
client-server
在中,我希望以最小的方式
裁剪
图像
,使其适合给定的
纵横
比
。 例如:假设
图像
为3038 x 2014像素,我希望将其
裁剪
成1:2的
纵横
比
。由此得到的
图像
将是3021x2014像素,从原始
图像
的
中心
裁剪
。
浏览 0
提问于2018-05-10
得票数 1
1
回答
将范围滑块绑定到
图像
序列
javascript
、
html
、
html5-canvas
、
drawimage
、
rangeslider
我还将视频导出为
图像
,并将其绑定到范围滑块。第一个问题是,没有任何插件或应用程序可以做到这一点吗?也许我搜索错了词。其次,
图像
序列是做到这一点的最佳方式吗?在我下面的代码中,我可以让它部分工作,但我不知道
如何
调整
图像
的大小,这对画布来说太大了。"
canvas
" height="650px" width="1000px"></
canvas
><input id="m
浏览 11
提问于2019-02-03
得票数 0
回答已采纳
3
回答
有没有可能在没有javascript的情况下对
图像
进行中间
裁剪
,并将
图像
放置在垂直和水平的容器中?
html
、
css
、
image
如果不
使用
JS,
如何
将所有这些效果与任何
图像
(大小大小、任意大小
比
)和任何容器大小(但固定的)结合起来。 如果
图像
的宽度/高度大于容器的宽度/高度,则
图像
的高度为容器的100%,
图像
按宽度
裁剪
。如果
图像
的宽度/高度小于容器的宽度/高度,则
浏览 1
提问于2015-07-29
得票数 1
2
回答
将HTML5视频呈现到画布上正在压缩
图像
html
、
canvas
、
getusermedia
然后,我拍了一张照片/仍然是这样的画面:ctx.
drawImage
($video[0], 0, 0, $
canvas
[0].width, $
canvas
[0].height);那么,如果我这么做 $('img).attr('src', $
canvas
[0].toDataURL('i
浏览 4
提问于2013-02-11
得票数 4
回答已采纳
1
回答
python3报告室
drawImage
高到
中心
python-3.x
、
reportlab
、
drawimage
c =
canvas
.
Canvas
('data.pdf', pagesize= [width*inch,height*inch]) c.
drawImage
('dataptah',x,y, width,height
浏览 0
提问于2018-11-06
得票数 0
回答已采纳
1
回答
在
图像
上绘制4条直线(覆盖)
javascript
、
html
、
canvas
、
html4
我需要一个
图像
被划分为在用户浏览器由2线水平和2线垂直。因此,
图像
由9个部分组成。如果你有一种方法,用它也能像切蛋糕一样用4分圆吗?
浏览 1
提问于2013-06-25
得票数 0
回答已采纳
2
回答
画布
drawImage
高级,然后
裁剪
html
、
css
、
canvas
、
drawimage
使用
drawImage
,我试图对1280x720的
图像
进行如下操作.var
canvas
=document.getElementById("
canvas
"); img.onload=function(){
浏览 2
提问于2017-08-21
得票数 1
2
回答
批量
裁剪
JPG生成方形缩略图
thumbnails
、
crop
、
imaging
我正在寻找一个轻量级的
裁剪
图像
文件批处理工具。
裁剪
将围绕
中心
进行,因为
纵横
比
可以是3:4或4:3这意味着对于较高的
图像
,
裁剪
将在顶部和底部发生,以生成正方形
图像
。对于较宽的
图像
,将在左侧和右侧进行
裁剪
以生成正方形
图像
。我不是在找ImageMagick或nConvert。
浏览 4
提问于2011-03-05
得票数 0
2
回答
在iOS Safari中缩放并将
图像
绘制到画布上时,宽度是正确的,但高度是压缩的
javascript
、
ios
、
ipad
、
canvas
、
mobile-safari
我正在加载一个
图像
,然后将该
图像
绘制到画布上。我也正在缩小
图像
,以适应画布。当我这样做时,
图像
以适当的宽度绘制到画布上,但其高度约为画布实际高度的1/4。//Calculate height from
canvas
-to-image width ratiovar height = ( width /img.height; //Draw scale image (This r
浏览 3
提问于2014-05-11
得票数 1
回答已采纳
1
回答
在画布元素中呈现图片帧
javascript
、
html
、
canvas
我已经完成了大部分工作,目前的问题是
如何
裁剪
图像
的角落。我
使用
的是HTML画布元素。正在
使用
的
图像
是框架的直线部分。到目前为止,我已经设法让画布周围的所有帧重复,以正确的
纵横
比
与尺寸相关。我实现的方法是从顶部开始,重复
图像
,然后旋转画布90度,向右重复
图像
,再次旋转90度,沿着底部重复
图像
,再次旋转画布,向下重复
图像
。ratio.hei
浏览 10
提问于2019-10-23
得票数 0
1
回答
不同尺寸的英雄形象
images
、
homepage
、
cropping
这是它在桌面上的样子:这就是它在移动(通过Chrome工具)上的样子:正如你所看到的,手机上的
图像
太窄了,我想让它看起来“更高”。基本上,另一个
纵横
比
是来自桌面的。我管理的一些替代办法是:2)对所有设备
使用
浏览 0
提问于2019-04-15
得票数 1
4
回答
在javascript中创建
图像
的缩略图方块(不会丢失
纵横
比
)
javascript
、
css
、
html
、
base64
、
bookmarklet
在上传之前,我
使用
File API将
图像
读取为base64格式,并将其显示为缩略图。这就是我想要的缩略图的样子,它们居中,并根据min(高度,宽度)进行
裁剪
。 我能只
使用
javascript来做这件事吗(通过脚本改变样式就可以了)?请尝试确保您的解决方案适合base64
图像
(通过file API作为DATA URL读取
图像
之后)。 我已经上传了这些
浏览 0
提问于2011-10-04
得票数 4
回答已采纳
3
回答
作物
图像
到4:3高宽比c#
c#
、
graphics
、
gdi
、
crop
、
drawimage
我有一个困难的时间围绕着我的头
如何
计算的数学
裁剪
任何
图像
有较高的
纵横
比比4:3 : 4:3。var dimension = (double)bigSide/smallSide{ G
浏览 3
提问于2013-08-28
得票数 2
回答已采纳
1
回答
如何
在
使用
GPUImage时保持宽高比?
aspect-ratio
、
gpuimage
这是一个正方形,然后我尝试
使用
GPUImage来制作与我写的相同的相机size.so,如下所示: primaryView = [GPUImageView alloc] initWithFrame:
浏览 2
提问于2013-07-22
得票数 2
回答已采纳
2
回答
在D3中指定可缩放热图视图
javascript
、
d3.js
、
zooming
我正在做一个具有缩放和平移功能的热图,在我增加了热图左侧的空间以便为y轴腾出空间后,我意识到当缩放和平移时,数据点显示在y轴的左侧(见图)。我怎样才能避免这种情况?下面提供了一个代码示例。var zoom = d3.behavior.zoom() .x(xScale) .append("svg") .attr
浏览 1
提问于2015-04-23
得票数 5
1
回答
如何
使用
g.
drawImage
(img、dx1、dy1、dx2、dy2、sx1、sy1、sx2、sy2)缩放
图像
?
java
、
image
、
swing
、
awt
、
image-scaling
我需要为我的游戏渲染大量的
图像
,它们需要缩放到任何
纵横
比
以适应屏幕,但我找不到解决方案。 它已经渲染了
图像
,只是没有
使用
正确的
纵横
比
。渲染代码: class _
canvas
extends JComponent { public void paintComponent(Graphics g) {for (renderable_object part : objs) { if (part.t
浏览 75
提问于2021-07-14
得票数 0
回答已采纳
2
回答
使用
html5和javascript剪切
图像
javascript
、
html
、
html5-canvas
我有一幅画在画布上的
图像
。我想要
裁剪
该
图像
,并
使用
从旧
图像
裁剪
的区域创建新
图像
。我该
如何
使用
html5和javascript来做到这一点呢?
裁剪
图像
将是动态的,就像在photoshop中
使用
的一样。(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g,
浏览 0
提问于2013-07-02
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
canvas实现从已知画布截取部分并保存为图片上传服务器
JavaScript中的图片处理与合成(一)
快速提高前端开发效率:10个JavaScript图像处理库
什么是宽高比和定义?您是否发现自己在想:什么是宽高比?
前端识别验证码思路分析
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券