怎样使canvas图表放大缩小

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样使canvas图表放大缩小相关的知识,希望对你有一定的参考价值。

参考技术A Canvas本身自带的有这个功能,放大输小Canvas内的所有控件大小,不过必须在图片上才行,你可以试试。
<Canvas>
<Canvas.RenderTransform>
<ScaleTransform x:Name="canvasTrans"></ScaleTransform>
</Canvas.RenderTransform>
<Grid x:Name="LayoutRoot" Height="650" Width="1150" MouseWheel="LayoutRoot_MouseWheel">
<Grid.Background>
<ImageBrush x:Name="imageWidth" ImageSource="Image/detail-person.jpg" Opacity="0" Stretch="Fill"></ImageBrush>
</Grid.Background>
</Grid>
</Canvas>
参考技术B 这个真心没用过,帮你顶一下。

HTML5 Canvas元素绘制地图,已绘制出地图,并且地图可放大缩小,怎样实现鼠标移动到一幢楼时显示楼的名称

关键是地图可放大缩小,也可以随意拖动,要重新计算缩放比例和位置什么的,用js写的,有高手知道怎么实现上述功能么???因为代码有点多,就不附上了,可以的话加个Q,谢谢好心人帮助,急啊!!!

看到你标题说HTML5能画地图,就来了兴趣,特意百度了下资料,不过资料上的地图好像是一张图片,并非画出来的,不免有些失望。
以下是我搜到的一篇资料,你说的缩放、拖动上面都写了。
http://www.cnblogs.com/HPhone/archive/2013/12/06/3459957.html
至于你要实现显示楼的名称,那个就没想出来,抱歉HTML5也只是初学。

当然如果可以不用HTML5实现的话,那还是有办法的,你可以调用百度地图,以下是百度提供的例子,上面可以查看源码,你要做的只是申请一个百度ak,然后按照上面的做就可以实现你的一切需求了。
http://developer.baidu.com/map/jsdemo.htm#c1_9
参考技术A 可以交流交流,我目前也用HTML5 canvas 绘制地图,数据使用GeoJson 参考技术B 能不能把你用和html5的图给我看看!我也做这个!!可以你分!!!。。。

以上是关于怎样使canvas图表放大缩小的主要内容,如果未能解决你的问题,请参考以下文章

每次我在前端放大/缩小时,如何以编程方式检查 Altair 图表的放大/缩小功能

如何使用在单击按钮上创建的用户触发放大和缩小绘图图表?

JS Canvas 放大和缩小翻译不会居中

echarts如何关闭鼠标滚动放大缩小图表

Matlab中怎样将一幅图像放大或缩小至固定的大小

VB 运行时如何使picture控件随窗体放大缩小