javascript - 滚动拉斐尔放大纸
问题描述
在这个jsFiddle 中,我有一篇带有两个矩形的 Raphael 论文。我通过应用将纸张放大 200% setViewBox
。
矩形的宽度(它们具有相同的大小)为 50 像素,并且通过将setViewBox
它们扩展到 100 像素的功能,效果很好。我的问题是纸张尺寸也应该增加 200%(即纸张高度和宽度),并且由于包含纸张的 div 比纸张小,我应该能够滚动。
我需要实现以下目标:
(1) 拉斐尔论文中的所有内部元素的大小应增加 200%。
(2) 纸张尺寸也应该增加 200% 到 400px。
(3) 由于缩放后的纸张尺寸(400px)大于其包含的 div(200px),因此 div 应该是可滚动的。
任何想法如何使这项工作?不必与setViewBox
。
解决方案
你想达到这样的目标吗?
它用于Paper.setSize
设置所需的画布大小,然后使图形适合新画布Paper.setViewBox
推荐阅读
- javascript - botfront rasa-webchat 获取/使用机器人消息
- java - 如何修复空堆栈异常?
- salesforce - Salesforce 静态资源限制 250MB
- python - Pandas 根据另一列中的条件选择前 10 个值
- google-sheets-formula - Google 表格中的 Query() 函数会产生杂散值:为什么,我该如何解决?
- google-cloud-functions - 带有图像存储位置的 Firebase Functions 电子邮件
- java - 获取列表中访问最少的元素(Java 8)
- javascript - 将文件上传到 ASP.NET Core。数组始终为空
- javascript - 如何使用猫鼬对两个元素进行分组?
- java - 将 Pattern#astMatchPredicate 与 Stream#takeWhile 一起应用