在不同屏幕尺寸上的实时画布绘制

文章/答案/技术大牛

发布

1回答

angular、websocket、html5-canvas、drawing

我正在尝试创建一个实时画布绘制工具(手绘)。例如:只有一个人会在画布上作画，他的画会复制到N个客户的画布上。问题是每个人都有不同大小的屏幕，我需要相应地缩放。我可以实时传输绘制点，然后在客户端复制，但是我不知道如何在不失真的情况下在完全相同的位置缩放这些点(我有一个背景图像，并且我用画布元素做

浏览 14提问于2019-08-03得票数 0

回答已采纳

1回答

为什么宽度/高度元素属性呈现方式与内联/CSS样式不同？

javascript、css、html、canvas

最近，我用HTML5和Js编写了一个简单的平台。我的背景图像具有600像素的宽度和400像素的高度，根据我如何定义画布的大小，呈现方式会有所不同。如果我使用元素属性并像这样定义它的大小：<canvas width="600" height="400">，我会得到想要的结果；图像恰到好处地位于画布中。另一方面，如果我通过给画布一个ID来定义画

浏览 0提问于2014-06-08得票数 0

1回答

是否可以在android canvas上从URL设置图像，以支持所有设备的屏幕尺寸？

android

我正在尝试从画布上的url设置一个图像，这个图像应该是所有设备屏幕都支持的，在android中可以在没有九补丁图像的情况下这样做吗？另外，我不能从可绘制的资源中为不同的屏幕尺寸设置不同的尺寸图像，因为我是从URL获取图像的。

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

4回答

当画布变大时动作变慢

javascript、html、canvas

使用此代码：每1毫秒就会增加一个与画布大小成比例的x。然后绘制x，因此x应该在不同屏幕尺寸上以相同的速度向下移动(画布根据屏幕大小更改大小)。然而，x在我的ipod和我的pc上以不同的速度下降。如果您想知道完整的源代码和ht

浏览 2提问于2013-12-21得票数 4

回答已采纳

1回答

查看多个动态画布

html、canvas、shadowbox

我正在生成多个画布，并将它们排列在屏幕的不同部分。每个画布上要么有一幅画(使用javascript完成)，要么有文本(使用html完成)，可能太小而看不见。我正在使用，这样用户就可以单击特定的画布并查看展开的视图。我的问题是如何使画布的方式，他们可以放大使用Shadowbox。因为这些画布是动态绘制的(<em

浏览 4提问于2011-05-23得票数 0

回答已采纳

1回答

Android Canvas屏幕分辨率问题

android、canvas、screen-resolution

在我的应用程序中有一个画布，当两部手机通过蓝牙连接时，我们可以实时分享绘图。问题是，当不同屏幕尺寸的手机通过蓝牙连接时，例如: LG Optimus和HTC Incredible S，画布的缩放变得混乱，只有HTC画布的一小部分相当于LGs画布。只有当我为了市场兼容性在清单文件中使用以下内容时，才会发生这种情况 <uses-sdk andr

浏览 1提问于2011-08-20得票数 1

2回答

适用于游戏的不同大小屏幕- android

android、game-development

基本上，当我使用画布为游戏绘制图像时，我对像素值进行了硬编码。提前感谢本

浏览 0提问于2011-09-01得票数 0

回答已采纳

3回答

如何在大于屏幕尺寸的画布上绘制，并能够在android中水平和垂直滚动/平移？

android、graphics、android-canvas、android-scrollview

我正在寻找一个真正的例子与样本代码如何在画布上绘制大于屏幕尺寸(因为现在我是正常绘图，无法查看外部屏幕尺寸)。更多的压力在于能够滚动/平移屏幕来查看整个画布。如果需要更多信息，请发表意见。更新:在这里找到我的答案

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

回答已采纳

1回答

如何在Silverlight深度缩放应用程序中显示相同宽度和高度的文本和形状？

silverlight

在我的Silverlight应用程序中，我在深度缩放图像上显示文本(画布上的文本块)以及矩形和线条(同样是画布上绘制的形状)。我负责放大/缩小、平移和倾斜。在我看来，不是很酷的是，我的矢量对象在不同的缩放因子下的方式。当然，它们会变大或变小。你有什么建议如何在任何缩放时保持某些对象

浏览 0提问于2010-08-24得票数 1

3回答

使用不同屏幕大小的画布

html、canvas、cordova、screen

我计划使用HTML5 <canvas>标签创建一个简单的游戏，并使用Phonegap将代码编译到本地应用程序中，但问题是canvas使用的坐标与其大小无关，因此960x640屏幕上的20,20与480x800屏幕上的不同。所以我想知道如何在不同大小的屏幕上使用<canvas> (全屏)。

浏览 0提问于2011-12-24得票数 12

回答已采纳

2回答

安卓:如何获得更快的onDraw()

android、view、canvas、bitmap、ondraw

我已经创建了一个名为DrawView扩展视图的活动，我在画布上绘制了一些类似于二叉树的东西。画布尺寸大于屏幕尺寸，onDraw函数绘制所有画布，而不仅仅是其中的可见部分。我想知道是否可以使用图像(位图或类似的图像)绘制画布来显示树，而不需要调用onDraw函数。如果我不能这样做，我可以做什么来获得更快的视图？

浏览 0提问于2012-03-01得票数 1

回答已采纳

1回答

在android画布上绘制点

android、android-canvas、android-view

我正在开发提供跟踪字母functionality.This的安卓游戏应用程序是我第一次使用安卓graphics.Here我是使用画布我的应用程序。我想在画布上显示虚线字母，允许用户在screen.For上跟踪字母，我创建了虚线字母的图像，并将这些图像设置在背景中。现在我想在这些虚线字母图像上在特定的(x，y)坐标上绘制点。但问题是，android画布</

浏览 1提问于2013-02-07得票数 1

回答已采纳

3回答

如何将动态墙纸缩放到屏幕大小？

android、size、screen、live-wallpaper

我最近一直致力于通过在画布上放置一个位图图像来创建一个实时墙纸。我创建的图像适合480x800的屏幕大小。问题是，当我将动态墙纸加载到平板电脑或更大的屏幕上时，它不会填满整个屏幕，也不会缩放。关于如何缩放图像以适应实时墙纸中的屏幕尺寸，您有什么想法吗？谢谢!

浏览 0提问于2012-02-01得票数 3

回答已采纳

1回答

如何在hdpi屏幕上渲染P5.js？

javascript、processing、render、p5.js、hdpi

带有hdpi屏幕的电脑越来越常见，我自己也有一台。我想做的是:渲染一个低分辨率的画布，拉伸它来填充所有的空间。

浏览 3提问于2018-01-23得票数 1

回答已采纳

2回答

HTML5画布动画问题

javascript、html、canvas

我正在尝试使用HTML5画布来创建一些动画。我的终极目标是能够随心所欲地将一个盒子动画到一个特定的位置，目前我只是在屏幕上对它进行动画处理。当我在屏幕上移动它时，会留下一条黑色的痕迹，我如何在不删除背景网格的情况下清除这个“脏”部分？代码的jsFiddle为

浏览 0提问于2012-08-06得票数 1

回答已采纳

2回答

用存储坐标绘制图像时考虑画布尺寸的差异

javascript、html、canvas、screen-size

我很难找到一种方法/策略来处理绘图的存储坐标和画布尺寸在不同设备和屏幕大小的变化，为我的web应用。基本上，我想在画布上显示一个图像。用户将在图像区域上标记两点，应用程序记录放置这些标记的位置。这个想法是，用户每隔一天就会使用这个应用程序，能够看到之前画出的X点的数量，并能在没有以前标记的地方添加两个新的</

浏览 1提问于2019-03-14得票数 1

1回答

支持多种屏幕尺寸/密度

android、screen

我正在为Android手机创建一个应用程序，并且一直在使用模拟器进行测试。我已经创建了一个SurfaceView并覆盖了onDraw函数，以便在画布上绘制位图。我还使用canvas.drawText函数将一些文本绘制到此屏幕上。我使用paint.setTextSize将文本大小定义为21。我面临的问题是，在不同的模拟器上，不同的分辨率和屏

浏览 0提问于2011-04-07得票数 0

1回答

捕获摄像头预览并将其GLSurfaceView到文件

android、glsurfaceview

我正试着为相机预览和叠加的GLSurfaceView“拍照”。我通过camera.takePicture()和PictureCallback()让相机预览元素工作，但是现在需要包含GLSurfaceView元素，或者单独捕获当前屏幕并将两个位图合并到一个文件中。

浏览 2提问于2011-04-07得票数 1

1回答

HTML5/JS大量隐藏画布

javascript、canvas、html5-canvas

我想渲染一个大的随机世界(1600x24000像素大小)并将其绘制到屏幕上。不过，重点不是让我一次看到整个地图，所以即使大部分图像离开屏幕，这也是非常滞后的。我的想法是将世界分成24个不同的隐藏画布，每个画布的大小为1600x1000。这些将在应用程序加载并保存到隐藏画布中时生成，其中一次只绘制一个画布请记住，这是使用ctx图

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

2回答

Paper.js等效于拉斐尔的setViewBox (缩放窗口大小)

canvas、svg、resize、raphael、paperjs

我试图在一堆不同的设备上实时地用纸质on绘制相同的元素(路径通过nodejs交换)。paper.setViewBox(0,0,w,h,true);这种行为正是我所需要的。有没有办法对paper.js做

浏览 2提问于2015-12-17得票数 0

回答已采纳

点击加载更多