javascript - 滚动拉斐尔放大的纸张

标签 javascript raphael

在此jsFiddle我有一篇带有两个矩形的拉斐尔论文。我通过应用 setViewBox 将纸张放大了 200%。

矩形的宽度(它们具有相同的大小)是 50px,并且使用 setViewBox 函数将它们扩展到 100px,效果很好。我的问题是纸张尺寸也应该增加 200%(即纸张高度和宽度),并且由于包含纸张的 div 比纸张小,所以我应该能够滚动。

我需要实现以下目标:

(1) 拉斐尔纸中的所有内部元素的尺寸应增加 200%。

(2) 纸张尺寸也应增加 200% 至 400px。

(3) 由于缩放纸张的尺寸 (400px) 大于其包含的 div (200px),因此该 div 应该是可滚动的。

有什么想法可以让这项工作发挥作用吗?不必与 setViewBox 一起使用。

最佳答案

您是否正在尝试实现类似 this? 的目标 它使用 Paper.setSize 设置所需的 Canvas 大小,然后使用 Paper.setViewBox

将图形适合新 Canvas

关于javascript - 滚动拉斐尔放大的纸张,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58666125/

相关文章:

javascript - 为什么我必须在闭包中声明一个函数来访问闭包中定义的变量?

javascript - 为什么当我将一个变量复制到 window 对象时它变成了 public?

javascript - 拉斐尔JS : How can I change the path attribute?

vector - 使用 Raphael JS 在屏幕上 float 形状

javascript - 当前浏览器的净宽和净高

javascript - Raphael.js attr 函数设置了错误的值

php - 无法在 iframe 中获取 html ,并且无法触发 iframe 中元素的事件

Javascript csom 访问页面属性

algorithm - 使用像 Photoshop 这样的 RaphaelJs 在角落旋转元素

javascript - Vue 中带有 jsonp 的 Flickr 应用程序 'Cannot set property ' 数据'未定义'