如何制作缩放画布

文章/答案/技术大牛

发布

1回答

对于paper.js中较大的画布尺寸，view.zoom的渲染速度较慢

javascript、html、canvas、paperjs

我使用的是一个5000 * 20000大小的画布，它非常大。我该如何解决这个问题。？

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

1回答

单选按钮单击时为新项目设置动画

android、animation、radio-button

我正在尝试创建一个应用程序，它的唯一目的是显示toast通知。这个想法是，当他们按下“自定义长度”单选按钮时，视图将展开，显示另一个EditText，允许他们输入自己的持续时间。但是，我想要动画这一部分(入口和出口)。如果你不明白我的意思，想想iOS的WiFi设置页面。当您启

浏览 1提问于2013-01-20得票数 0

回答已采纳

1回答

用画布运动器拖动和缩放

canvas、zooming、kineticjs、drag

我用动感of制作了一个拖拉的舞台，还通过缩放画布实现了变焦功能。我想要的是放大到新的点，是在屏幕的中心拖动后。提前感谢！

浏览 2提问于2013-08-07得票数 0

回答已采纳

1回答

如何让缩放功能像这里的https://www.jqueryscript.net/demo/jQuery-Plugin-For-Adding-Notes-Markers-To-An-Image-imgNotes但在图片的实例，我有画布，你可以上传pdf文件，当我点击画布上的位置，它得到创建一个带有图像的div。

浏览 23提问于2021-11-21得票数 0

4回答

HTML画布上缩放用户界面

html、canvas、zui

碰巧，我面临着在HTML画布上创建ZUI (缩放用户界面)的任务。这种界面的例子是Deep和微软的Seadragon。在视图中绘制矢量图形、文本和图像(可选) 任何建议(即使它们不符合上述条件)都将受到欢迎，因为我在画布上没有发现关于ZUI的任何信息

浏览 4提问于2011-08-25得票数 6

回答已采纳

1回答

Unity3D中的导航抽屉

android、unity3d

任何人都知道如何在Unity3D中制作导航抽屉，甚至可能做到这一点。我试过搜索答案，但找不到答案，所以我想这是不可能的，所以我最后的希望是问。谢谢你的回答。

浏览 3提问于2016-03-28得票数 0

回答已采纳

2回答

HTML柔性帆布比例尺

javascript、html、web、html5-canvas

我正在制作一个网站，它将在画布上加载一些蓝图图像。但是图像的高度和宽度是不同的。我希望使画布缩放与上传的图像比例尺相等。如何将画布的宽度和高度分别转换为上传的图像。这是用html5做的

浏览 4提问于2016-05-31得票数 0

回答已采纳

1回答

带有地图标记按钮的SkiaSharp地图

xamarin、xamarin.forms、pan、skiasharp

我目前正在尝试使用SkiaSharp和Xamarin.Forms制作一个像画布一样的地图，里面有按钮。但是当涉及到缩放/平移时，我不能同步这个2，因为当b)在使用直接的skiasharp画布转换和单独的按钮内容容器时，按钮不会停留在所需的位置，因为(不好的)转换同步你知

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

1回答

如何流畅地为画布创建缩放动画？GWT提供了一个onMouseWheel(MouseWheelEvent evt)方法和一个evt.getDeltaY()来获取滚轮的数量。这里的问题是，每次轮子移动都会执行这个方法，如果我在方法本身中调用一个画布重绘，事情就会变得非常滞后。所以我想以某种方式为缩放制作一个动画。但是怎么做呢？我想过创建一个Timer，但没有真正的想法，因为只有mousewheelevent作为起点，但没有结束点，用户用滚轮完成缩放……

浏览 4提问于2013-04-30得票数 0

回答已采纳

2回答

缩放WPF画布相对于中间，而不是左上角

c#、wpf、canvas、scaletransform

我在写一个标签制作程序。在这个程序中，我有一个位于中间的白色矩形的画布，多个对象，用户可以在上面调整大小、拖动等等。我还为用户提供了一个缩放画布的选项，这是我通过ScaleTransform通过LayoutTransform完成的。我想让它，当用户放大时，画布放大到中央，而不是相对于右上角。下面是一个演示：我需要它像这样放大：我如何完成这项任务，而不重新定位在画布中的元素时，它被放大

浏览 0提问于2014-10-09得票数 3

1回答

变焦背景图像上的HTML5画布绘制

html、canvas、paint

如何制作一个简单的脚本，可以绘制背景图像和缩放选定的位置。用html5画布放大背景图像和绘图

浏览 4提问于2014-06-26得票数 3

回答已采纳

5回答

基于画布尺寸的HTML5画布字体尺寸

javascript、html、canvas

我将画布大小设置为浏览器的window.innerHeight和window.innerWidth的1/3。画布上的大多数元素也是根据画布的宽度和高度设置的，因此它们的大小缩小，并根据画布的大小进行定位。例如，我正在制作的游戏的开始屏幕的字体大小是80‘m。它从画布上消失了。

浏览 4提问于2014-04-08得票数 14

回答已采纳

1回答

缩小放大位图或画布

android

我是Android的新手，我想在画布或位图上缩小和放大。我制作了绘图应用程序，然后我想要使缩小和放大我已经绘制的图片。有谁能推荐我吗？我想要缩放：private Canvas mCanvas; 如何制作“图层绘制”？

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

2回答

HTML5手机中画布的缩放

javascript、html、mobile、canvas、zooming

我目前正在制作一个游戏，我需要放大画布。我读过很多关于如何缩放画布的文章，使用ctx.scale()的适当性，问题是，我想用两根手指放大。我已经有了变焦，但是它是从顶部/左边的画布上放大的，而不是在我的手指中间。我有中间点之间的手指1和手指2，但我不知道如何放大到特定的中间点！这个例子很好地总结了我需要的东西(我只需要缩放)：如果你们中的任何一个有什么想法的话，我真的很乐意谈谈！:) 谢谢大家！

浏览 8提问于2014-02-11得票数 1

回答已采纳

1回答

画布，如何考虑鼠标事件的纵横比？

javascript、css、html、canvas、graphics

我一直在阅读关于如何制作响应式画布游戏的，并遵循步骤1和2中的逻辑，并使用以下方法将画布放置在屏幕的中央： top: 50%; translate: transform(-50%, -50%); 根据本教程，我的画布宽度和高度不同于我的画布宽度和高度是128

浏览 1提问于2016-01-28得票数 0

1回答

从远处看，ThreeJS纹理是像素化的。

three.js、webgl

我和webGL和ThreeJS玩过，然后我遇到了以下问题：检查示例： var scene = new THREE.Scene(); light.position.set(0, 150, 100); scene.add(li

浏览 2提问于2013-10-15得票数 4

回答已采纳

1回答

如何实现单个画布缩放/平移

canvas、zooming、pan

我有一个画布元素(填充了手工制作的像素值，而不是现有的图像)，我想在画布上实现缩放/平移控件，有没有现成的库可以做到这一点？非常感谢!

浏览 6提问于2012-08-11得票数 1

回答已采纳

1回答

设置画布宽度100%和最大宽度

javascript、css、html、canvas

不管画布的宽度，我希望有静态的画布高度。但当我用css设置它时，浏览器似乎是用标准的siza来绘制画布，并将画布调整为100%的宽度，并成比例地调整高度。但最糟糕的是，它会在画布中缩放图片。我也尝试在JS中设置画布的css宽度属性，但结果相同。<canvas id="myCanvas" width="100%" height="630px"></canvas> 制作</

浏览 2提问于2014-09-05得票数 3

回答已采纳

1回答

为什么翻译不适用于div中的画布？

javascript、html、canvas

我在一个div中有2个画布。我试着翻译其中一幅画布，但没有起作用。供您参考，我需要2个画布，因为我计划将鼠标事件附加到innerElement2。

浏览 0提问于2011-11-20得票数 2

回答已采纳

点击加载更多

对于paper.js中较大的画布尺寸，view.zoom的渲染速度较慢

单选按钮单击时为新项目设置动画

用画布运动器拖动和缩放