获取画布实际大小的问题

文章/答案/技术大牛

发布

1回答

javascript、html、css、canvas、elements

我有一个canvas元素：元素的大小与网站窗口的大小完全相同。它在一个div元素中，两个元素都是100%大小。我看了看控制台，它说画布是2000*1000px，那么这段代码有什么问题？

浏览 4提问于2018-02-07得票数 0

1回答

WINUI 3.0桌面-在代码中向画布添加形状

image、canvas、position、stretch、winui-3

网格中最重要的部分是第1行第1列的单元格，在该单元格中，我需要显示一个图像(来自文件URI)。当窗口被调整大小时，我需要图像来调整大小。="Uniform" Grid.Column="1">到目前为止还不错--当我在运行时调整窗口的大小时，当我调整窗口的大小时，图像将保持原来的比例是否需

浏览 2提问于2021-11-29得票数 0

1回答

HTML - Canvas元素获取相同比例画布的Base64数据

javascript、html、canvas、html5-canvas

我发现，要从HTML canvas中获取base64数据，必须执行canvas.toDataURL();。这样做的问题是，当它提供base64时，它会缩放到通用的300x150画布大小，但实际的画布大小是600x100。有没有办法将图像压缩为600 x 100，或者将其导出到base64中？提前感谢！

浏览 1提问于2017-04-20得票数 0

3回答

HTML模糊画布图像

javascript、jquery、html、asp.net-mvc-4

我使用jcrop为用户提供了一种通过ajax上传图像的友好方式。显然，这些图像有一些限制，比如宽度和高度，这就是jcrop发挥作用的地方。因此，为了简洁起见，我所做的如下：现在，这是不可靠的部分。画布图像总是模糊的. 为了便于讨论，画布设置为400x200，这是裁剪大小。

浏览 0提问于2013-07-25得票数 6

回答已采纳

1回答

动态设置画布尺寸时，文档高度在调整大小时增长

javascript、canvas

我正在尝试获取一个canvas元素来占据整个文档高度和窗口宽度，这样当我调整窗口大小时，canvas元素就会随之拉伸，实际上就是给我一个全屏画布。然而，实际发生的情况是，无论如何调整窗口大小，文档高度(以及相应的画布高度)都会增加。我使用的是以下代码： $("#wrapper").before("<div id

浏览 2提问于2010-02-21得票数 0

回答已采纳

1回答

在css调整大小后获取单击画布中的实际单击位置

javascript、jquery、html、css、canvas

首先，让我们假设我有以下画布：<canvas id="can" width="400" height="200" />。然后，我需要用width: 100%; height: auto;调整它的大小，以适应我的响应式容器。现在，假设我的画布宽度为800。问题是，每次我尝试获取单击事件的位置(x，y)时，我都会获得相对于实际鼠标位置<em

浏览 2提问于2015-10-04得票数 1

2回答

我在画布上画了很多东西，它变得比UserControl大，此时ScrollViewer会显示滚动条。到现在为止还好。现在，我在画布上应用了一个ScaleTransform (比方说，2.0，将所有内容放大一倍)。然而，我的滚动条没有调整，所以我现在只能在放大的画布上滚动一半。当我对ScrollViewer中显示的画布应用scaletransform时，如何让我的ScrollViewer滚动条调整？

浏览 1提问于2010-07-28得票数 2

回答已采纳

1回答

如何在画布中获取图像的实际大小？

javascript、html、css、canvas

嗨，我正在尝试使我自己的地图系统的一些游戏。我用过来插入一张地图，现在我正在尝试在地图上标记某些点。例如，我想标记地图的正中间或右下角。如你所见，我标记了x，y，1000，但是它离中间很远，所以我需要知道图像的实际大小才能这样做。有没有什么方法可以做到这一点？我尝试注销一个上下文，但其中的所有内容都是客户端大小为600到600。所以我只需要图像的宽度和高度来计算坐标。这是笔

浏览 0提问于2018-11-29得票数 0

2回答

使用fabric.js动态自动缩放画布以便在SVG上导出

javascript、html、svg、html5-canvas、fabricjs

我正在开发一个简单的编辑器，可以在画布上添加/编辑文本和图像。我的默认编辑器大小是480x317，但我希望它在SVG上使用较大尺寸为1075x709的.toSVG()导出。问题出在我试图调整画布大小并将其导出时。不是所有对象都缩放到我的画布大小。它似乎只是调整了实际画布的大小，而不是对象的大小

浏览 0提问于2014-02-25得票数 0

1回答

在图像上使用max-width = 100%和max-height = 100%，计算显示宽度/高度

javascript、jquery、image、getimagesize

我正在为各种大小的图像创建一个幻灯片，以便在画布区域中以垂直和水平为中心显示。我使用的是jQuery 1.4，并使用图像的高度来计算顶部的值，以便将其绝对定位到画布<em

浏览 3提问于2010-02-13得票数 2

1回答

将chart.js导出到固定大小的图表

javascript、image、canvas、chart.js

我正在尝试从用chart.js绘制的图表中获取图像(例如png)。其想法是将此图像发送到后端，然后将其包含在更大的报告中。("image/png");canvas.getImageData(); 我遇到的问题是，这会使图表图像看起来像用户创建报告时的样子。我需要的是创建一个固定大小的画布，在其中绘制图表，并将画布导出到图像中-基本上我不

浏览 10提问于2020-03-05得票数 0

回答已采纳

4回答

如果没有画布，Javascript图像可以裁剪吗？

javascript、html、image、canvas、crop

有很多脚本和插件在网络上，用于Javascript图像裁剪/调整大小。使用HTML5画布裁剪某个区域，并通过DataUrl将图像存储回客户端。但是没有画布，我测试了 jquery插件，但它最后只提供了裁剪坐标(x、y、宽度、高度)。在图像上从来没有所谓的实际裁剪函数。如何在Javascript图像对象上实际使用这些裁剪坐标？我只能使用CSS来显示图像，就像被裁剪一样，或者我真的可以将图像中的数据裁剪到Javascript中的新图像中吗？在我

浏览 6提问于2016-01-08得票数 3

回答已采纳

1回答

没有获得实际画布的高度和宽度，fillRec()t被模糊掉了

html、css、html5-canvas

我刚开始使用<canvas>，我面临一些问题。这是我<em

浏览 1提问于2018-08-12得票数 0

回答已采纳

1回答

如何获得Flex手风琴孩子的大小？

apache-flex、accordion

我正在计算嵌入到基于画布的组件中的图像的maxHeight，该组件是基于画布的组件的一部分，基于画布的组件是Accordion的子级。我需要获取当前选定的子容器可用的实际像素数。奇怪的是，measuredHeight和getExplicitOrMeasuredHeight()给出了我用作Accordion的子

浏览 0提问于2009-03-16得票数 0

回答已采纳

3回答

等待添加到CSS的图像加载- JQuery

javascript、jquery、html、css、canvas

然后我将画布的背景设置为与我隐藏的图像的img src相同。这使得它看起来像一个图像，但现在它实际上是一个以图像作为背景的画布。'src')+')');context.canvas.height = $("img").height(); 我遇到的问题是，有时，图像不会显示在

浏览 0提问于2014-10-31得票数 1

1回答

tkinter在调整窗口大小时得到<ButtonRelease-1>

python、tkinter

我正在画布上画一个图片库。当窗口调整大小时，我需要重新绘制画廊。问题:我无法找到在窗口边框上获取新闻或发布事件的方法。这是可能的，还是边界实际上不是窗口的一部分？

浏览 1提问于2016-10-27得票数 2

回答已采纳

1回答

获取画布背景的图像画笔控件的实际大小

c#、wpf、xaml、wpf-controls

我正在尝试弄清楚如何在Canvas控件上获取设置为背景的图像的“视图大小”。使用ImageBrush设置背景，并将strech设置为UniForm。如果strech属性设置为Fill，那么我可以只使用画布的ActualWidth和ActualHeight。<Grid DataContext="{Binding ImageViewerVM.CurrentIma

浏览 0提问于2012-11-06得票数 5

回答已采纳

1回答

救生索门户画布调整大小

javascript、canvas、three.js、liferay

当我对影响portlet大小的页面布局进行更改时，我希望渲染器能够调整图像(画布元素)的大小。因此，基本上，每当portlet调整大小时，我都希望能够通过three.js调用来调整画布的大小。Three.js有一个渲染器对象，我可以通过它来设置大小。问题在于获取portlet的宽度。是否有一种方法可以捕获重绘事件并获取用于调整画布</em

浏览 0提问于2013-10-22得票数 0

2回答

如何动态改变画布的大小？

apache-flex、flash、actionscript

如果在MXML标记中设置了画布的大小，则超出画布边界的组件的某些部分不会显示。如果画布大小动态变化(canvas.width，canvas.height)，则画布边界实际上是不存在的。如何动态改变画布的大小？

浏览 2提问于2009-09-03得票数 0

1回答

设置Android字符宽度

android、text、canvas

可以使用setTextSize()控制绘制到画布中的文本字符的高度。例如，如果您想要高度为8像素的文本，则应这样写：这工作得相当好。因此，8x12像素的字符看起来与12x12的字符完全相同。我正在使用等宽字体，希望仔细控制画布中每个字符的大小。有关于如何设置像素字符宽度的想法吗？

浏览 0提问于2012-07-10得票数 1

回答已采纳

点击加载更多