腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(6260)
视频
沙龙
1
回答
如
何在
不
拉伸
的
情况下
缩放
图像
到
KonvaJS
画布
?
javascript
、
html
、
konvajs
我尝试在1080x1920
画布
上显示不同纵横比
的
图像
。因此,当我尝试显示9:16
的
图像
时,它可以完美地
缩放
,但如果纵横比为4:3或3:4,
缩放
后
的
图像
会
拉伸
。我想做
的
是,如果纵横比是3:4,
缩放
和显示
图像
为9:16
的
中心和切割边缘。(因此,如果原始宽度为1440,则仅显示1080,并在屏幕两边保留180px。如果原始宽度为3024,则将其缩小到1
浏览 117
提问于2019-06-23
得票数 0
1
回答
缩放
画布
是否会影响getDataURL()返回
的
像素数?
css
、
html
、
canvas
、
html5-canvas
我正在尝试使用
画布
作为
图像
裁剪预览,然后使用getDataUrl()检索通过AJAX post发送到服务器
的
数据。我已经使用像素显式地设置了HTML中
画布
的
初始宽度和高度,但我使用CSS中
的
百分比来
缩放
画布
,以适应响应性设计。 虽然
缩放
画布
元素不会影响像素内容,但我想确定一下。
缩放
画布
元素(而不是其内容)是否会返回与我最初设置
的
像素不同
的
像素数?
浏览 3
提问于2013-11-14
得票数 1
回答已采纳
1
回答
Konva / Canvas上未扩展
的
交互层
javascript
、
css
、
canvas
、
konvajs
我正在用React Konva编写一个简单
的
图像
编辑器。我生成了<Stage width={500} height={500}>,但在较小
的
视口中,我尝试按CSS
缩放
画布
工作表。important; .
konvajs
-content { height: initial !important;`; 我注意
到
整个工作表
的
缩放
是正确<em
浏览 15
提问于2021-03-04
得票数 0
回答已采纳
1
回答
扩展Android路径
android
、
android-activity
、
android-animation
、
android-canvas
我正在使用路径将函数绘制
到
画布
上。我面临
的
问题是函数没有在x轴上
缩放
。我尝试在onDraw()方法中使用Canvas.sacale(),但它使路径变得模糊。如
何在
x轴上
拉伸
路径而
不
模糊。
浏览 33
提问于2017-02-16
得票数 1
1
回答
HTML5
画布
图像
裁剪、调整大小和保存,而
不
丢失质量
javascript
、
html
、
canvas
如
何在
不
损失
图像
质量
的
浏览 3
提问于2013-07-12
得票数 1
回答已采纳
2
回答
html5
画布
比例尺和增加
画布
尺寸之间有什么区别?
javascript
、
html
、
canvas
、
html5-canvas
正如中提到
的
画布
比例尺: 因此,当我们为了
缩放
目的而增加
画布
的
宽度/高度时,它
的
工作效果
浏览 0
提问于2018-09-28
得票数 1
回答已采纳
2
回答
如何将隐藏
的
画布
对象复制
到
没有模糊
图像
的
图像
中
javascript
、
html
、
image
、
canvas
我将一个二维码呈现给一个div,但是这个div是隐藏
的
。当我将
画布
复制
到
具有正确大小
的
图像
时,
图像
变得模糊。Image(); img.src = canvas.toDataURL();我试着像在注释代码中那样
缩放
它,但原始
图像
变得很小,当
拉伸
图像
时,它变得模糊。如果div没有隐藏,
浏览 0
提问于2014-09-04
得票数 2
1
回答
vue-konva将自定义样式传递给div.
konvajs
-content & canvas
konvajs
:config="{width:750,height:750}"></v-stage><div> class="
konvajs
-content750px; height: 750px; display: block;" </div>但我想让它渲染 <
浏览 15
提问于2019-07-10
得票数 1
1
回答
在帆布上爬。我做错什么了
javascript
、
canvas
myCanvas2, 0,0 ); }); 我正试图用scale命令
缩放
我
的
画布
浏览 1
提问于2014-07-08
得票数 0
回答已采纳
2
回答
为什么数字在
画布
上显得扭曲?
javascript
、
css
、
html
、
canvas
我在玩html5
画布
,我遇到了一些奇怪
的
行为。我正在根据以下三个步骤制作非常基本
的
动画: // drawing a circle var rad =
浏览 2
提问于2014-04-05
得票数 2
回答已采纳
1
回答
在浏览器窗口增加时随时保持横幅响应。
html
、
css
、
banner
我试图使我
的
横幅顺利展开,因为我增加了窗口
的
大小,我
的
浏览器向右。在Note 8和Pixel XL上显示了这个黑色
的
缺口。.respheader{ background-size
浏览 0
提问于2019-01-15
得票数 0
回答已采纳
4
回答
在html5 <canvas>中
缩放
徽标?
html
、
canvas
将
画布
中
的
绘图编码为固定大小(即800x600),然后针对特定位置对其进行
缩放
似乎是有意义
的
-但调整大小发生在4个位置: 1)使用ctx.scale在上下文定义中(即ctx.width = 800 2);3)在html中使用 我可以使用ctx.scale(0.25,0.25)
缩放
它,但这看起来不正确-它似乎想要
缩放
成比例。css
的
大小调整只会让它变得模糊,所以这不是一个好方法。有什么想法吗?
浏览 2
提问于2010-01-08
得票数 0
1
回答
在加载到
画布
之前
缩放
图像
android
、
file-upload
、
paint
、
image-scaling
所以,这是我
的
代码,将
图像
从SD卡加载到
画布
上,以便能够在上面绘图。然而,在大多数
情况下
,
图像
会出现
拉伸
和扭曲。我想代码,以
缩放
图像
,使其在
画布
上看起来相称。请帮帮我。谢谢。
浏览 1
提问于2014-03-27
得票数 0
1
回答
我可以更改
画布
元素中
的
图像
大小吗?
javascript
、
html
、
image
、
canvas
我希望在
画布
元素中有一个
图像
。
画布
将具有静态大小(例如800x600),但Image可以更大或更小。因此,如果
图像
较小,
图像
周围将出现白色区域,如果
图像
较大,
图像
将不适合
画布
,因此
图像
的
某些部分将不可见。我想问
的
是以下几点。在
图像
渲染
到
画布
后,我是否可以调整
图像
大小以适应
画布
(例如,在用户输入之后)?/
浏览 1
提问于2014-03-21
得票数 8
回答已采纳
2
回答
画布
:圆弧(75,75,50,0,3.1415,真)画椭圆形而不是圆形
javascript
、
html
、
canvas
为什么这个代码在半径为50
的
位置(75,75)画椭圆而不是圆形?
浏览 1
提问于2014-01-17
得票数 9
回答已采纳
1
回答
在响应时出现
的
背景
图像
问题
html
、
css
、
responsive-design
、
responsive-images
我在使背景
图像
响应性方面遇到了一些问题。它在桌面上运行得很好。 background:url(..mountain.jpg) no-repeat; }当我不关心响应性时,这是很好
的
,但是,当我使窗口变小,宽度保持完美,但
图像
的
高度正在缩小,我得到了尴尬
的
白色背景。 height:100vh; 这很好,我
的
浏览 1
提问于2021-06-12
得票数 0
2
回答
所有Android移动设备
的
所有高宽比
的
统一
缩放
c#
、
android
、
unity3d
、
scaling
我是团结
的
新手,我有这个“问题”。 我正在尝试制作一个简单
的
2D移动游戏(Android ),它将始终处于纵向模式,但我无法在所有不同
的
屏幕大小中获得相同
的
结果。问题是,当我试图使屏幕在所有不同
的
屏幕大小上都一样
缩放
时,当我试图改变屏幕大小时,我得到
的
是在上、下或左-右
的
背景边框(我知道这与Match Width Or Height有关)。所以我在Canvas中使用
的
是:具有参考分辨率
的
Scale With Scre
浏览 2
提问于2018-11-20
得票数 0
2
回答
WPF中
的
9切片
图像
wpf
、
vb.net
、
apache-flex
、
image
我想知道是否有人知道如
何在
WPF和VB.Net中复制Flex/flash9片功能。我在Flex中多次使用过9-slice scaling,在WPF中它将是一个很好
的
资产。我希望能够有一个
图像
作为我
的
画布
背景,并在
不
破坏圆角
的
情况下
拉伸
它。有谁知道怎么做吗?
浏览 3
提问于2009-06-02
得票数 2
回答已采纳
1
回答
在Android中绘制一个浮动在另一个
图像
上
的
图像
android
、
android-layout
、
android-imageview
、
android-image
、
android-canvas
我希望能够在我
的
应用程序中动态地将
图像
放在另一个
图像
上。考虑第一个
图像
作为背景,其他
图像
在顶层,我还需要通过代码移动这些顶层
图像
(在屏幕上更改它们
的
x和y)。例如,想象一下,在一片海洋中,用户放置了鱼和海洋动物,然后这些海洋动物开始在屏幕上到处移动:它将是这样
的
。谢谢!
浏览 0
提问于2011-09-18
得票数 1
回答已采纳
2
回答
如何镜像<video> HTML5
html
、
html5-video
如
何在
HTML5中镜像元素?我首先尝试使用带有
缩放
/旋转
的
CSS转换,但不幸
的
是,这也反映了视频元素中
的
控件。我只希望视频本身能被镜像。从技术上讲,我可以使用
画布
,将视频绘制
到
画布
上,并通过一些
图像
处理将其镜像,但对于如此简单
的
事情来说,这似乎过于复杂/浪费。我之所以需要这样做,是因为我接受了摄像头
的
输入,不幸
的
是,它被镜像了,这对我
的
用户来说
浏览 4
提问于2013-10-27
得票数 6
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
基于canvas实现图片的动态拖拽、缩放以及裁切
X3D:现代Web的声明式3D技术
Midjourney系列教程【3】–工具
X3D:现代Web的声明式3D技术
JavaScript中的图片处理与合成(一)
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券