草庐IT

c# - 让 Viewbox 和 ScrollViewer 协同工作

我有n个播放map,我使用ScrollViewer在map上移动,我希望使用ViewBox连同PinchManipulations放大和缩小map。到目前为止,我已经通过设置ScrollViewer来完成此操作。的Manipulation模式为control,但是这让我在缩放时出现滞后。有没有办法得到ViewBox和ScrollViewer更好地合作,从而避免滞后?到目前为止我得到的代码是:滚动查看器:双指缩放:我使用双指缩放的代码:publicICommandZoomStartedCommand{get;set;}publicICommandZoomDeltaCommand{get;

c# - 平移和缩放图像

我想在WPF中创建一个简单的图像查看器,使用户能够:平移(通过鼠标拖动图像)。缩放(使用slider)。显示叠加层(例如矩形选择)。显示原始图像(如果需要,带有滚动条)。你能解释一下怎么做吗?我没有在网上找到好的示例。我应该使用ViewBox吗?还是画笔?我需要ScrollViewer吗? 最佳答案 在使用这个问题的样本后,我制作了完整版本的平移和缩放应用程序,并相对于鼠标指针进行了适当的缩放。所有平移和缩放代码已移至名为ZoomBorder的单独类。ZoomBorder.csusingSystem.Linq;usingSystem

c# - 平移和缩放图像

我想在WPF中创建一个简单的图像查看器,使用户能够:平移(通过鼠标拖动图像)。缩放(使用slider)。显示叠加层(例如矩形选择)。显示原始图像(如果需要,带有滚动条)。你能解释一下怎么做吗?我没有在网上找到好的示例。我应该使用ViewBox吗?还是画笔?我需要ScrollViewer吗? 最佳答案 在使用这个问题的样本后,我制作了完整版本的平移和缩放应用程序,并相对于鼠标指针进行了适当的缩放。所有平移和缩放代码已移至名为ZoomBorder的单独类。ZoomBorder.csusingSystem.Linq;usingSystem

javascript - D3 或 Rickshaw 中的可缩放、Google 财经风格的时间序列图?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我想在D3中创建一个时间序列线图,下面是一个较小版本的图表,允许用户放大图表的某些部分,比如aGoogleFinancegraph.我找到的最接近的例子是这个泳道图:http://bl.ocks.org/1962173有没有人有在D3中使用折线图执行此操作的示例?注意:我绝对想要一个顶部带有可调整大小画笔的小型图表,而不是一个纯粹可拖动/可缩放的x轴,例如thisex

javascript - D3 或 Rickshaw 中的可缩放、Google 财经风格的时间序列图?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我想在D3中创建一个时间序列线图,下面是一个较小版本的图表,允许用户放大图表的某些部分,比如aGoogleFinancegraph.我找到的最接近的例子是这个泳道图:http://bl.ocks.org/1962173有没有人有在D3中使用折线图执行此操作的示例?注意:我绝对想要一个顶部带有可调整大小画笔的小型图表,而不是一个纯粹可拖动/可缩放的x轴,例如thisex

javascript - HTML5 Canvas : Zooming

有没有简单的方法可以在Canvas(JavaScript)中放大和缩小?基本上我有一个400x400像素的Canvas,我希望能够使用“鼠标按下”(2x)放大并使用“鼠标弹起”返回。过去两天用谷歌搜索,但到目前为止没有运气。:( 最佳答案 根据使用drawImage的建议,您还可以将其与缩放功能结合使用。因此在绘制图像之前将上下文缩放到您想要的缩放级别:ctx.scale(2,2)//Doublessizeofanythingdrawtocanvas.我在这里创建了一个小例子http://jsfiddle.net/mBzVR/4/它

javascript - HTML5 Canvas : Zooming

有没有简单的方法可以在Canvas(JavaScript)中放大和缩小?基本上我有一个400x400像素的Canvas,我希望能够使用“鼠标按下”(2x)放大并使用“鼠标弹起”返回。过去两天用谷歌搜索,但到目前为止没有运气。:( 最佳答案 根据使用drawImage的建议,您还可以将其与缩放功能结合使用。因此在绘制图像之前将上下文缩放到您想要的缩放级别:ctx.scale(2,2)//Doublessizeofanythingdrawtocanvas.我在这里创建了一个小例子http://jsfiddle.net/mBzVR/4/它

javascript - 将 Canvas 缩放到鼠标光标

我正在编写一个HTML5项目,该项目涉及使用滚轮放大和缩小图像。我想像谷歌地图那样放大光标,但我完全不知道如何计算移动。我有:图像x和y(左上角);图像宽度和高度;光标x和y相对于Canvas的中心。 最佳答案 简而言之,您想通过偏移量translate()Canvas上下文,scale()放大或缩小,然后translate()按鼠标偏移量的相反方向返回。请注意,您需要将光标位置从屏幕空间转换为转换后的Canvas上下文。ctx.translate(pt.x,pt.y);ctx.scale(factor,factor);ctx.tr

javascript - 将 Canvas 缩放到鼠标光标

我正在编写一个HTML5项目,该项目涉及使用滚轮放大和缩小图像。我想像谷歌地图那样放大光标,但我完全不知道如何计算移动。我有:图像x和y(左上角);图像宽度和高度;光标x和y相对于Canvas的中心。 最佳答案 简而言之,您想通过偏移量translate()Canvas上下文,scale()放大或缩小,然后translate()按鼠标偏移量的相反方向返回。请注意,您需要将光标位置从屏幕空间转换为转换后的Canvas上下文。ctx.translate(pt.x,pt.y);ctx.scale(factor,factor);ctx.tr

javascript - 有没有办法放大 D3 力布局图?

D3有力导向布局here.有没有办法给这个图添加缩放?目前,我能够捕获鼠标滚轮事件,但不确定如何编写重绘函数本身。有什么建议吗?varvis=d3.select("#graph").append("svg:svg").call(d3.behavior.zoom().on("zoom",redraw))// 最佳答案 2014年6月4日更新另见MikeBostock'sanswerhere对于D3v.3和relatedexample中的更改.我认为这可能会取代下面的答案。2014年2月18日更新如果您希望整个SVG平移和缩放,我认为@