关于SVG超出屏幕大小的问题

ylb_wxf 2019-06-14 09:47:35

最近在研究svg，发现真是个好东西，图形、表格、数据交互、用户体验等等基本无所不能，最主要的是可用通过JavaScript来操作，对于喜欢编程的人来说绝对是个不错的选择。但是目前遇到一个问题，那就是需要的图形或者表格超出屏幕的时候，没法加载滚动条来查看，希望有类似开发经验的人指点一下，我也会在此分享一点我对于svg上的研究心得。

...全文

598 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

ylb_wxf 2019-06-14

打赏
举报

回复

ylb_wxf 2019-06-14

打赏
举报

回复

这是我自己开发的一些小功能，当鼠标移到某个rect或者text的时候，会出现一个提示框，提示框会跟随鼠标的移动而移动，框里显示这个对象的一些属性信息等等，感觉还是有点实用的，希望能给大家带来帮助。

注意：出于响应测试的目的，我为低于320px和高于1921px的屏幕尺寸引入了空白屏幕，因为它们超出了范围。最终结果一个非常具有移动响应能力的网站，在320到1920像素之间的任何屏幕尺寸上看起来都不奇怪。由于vw...

图像映射器项目要求用户上传图像。文件应限制为任何图像类型（JPG，PNG，SVG等），... 如果此列表超出页面的垂直大小，则该列表应滚动而不滚动整个屏幕。在图像顶部显示一个红点。将鼠标悬停在该点上应显示说明

【代码】SVG标签内path标签自适应缩放问题。

项目中遇到webView加载新闻详情的时候，发现图片的宽度超过了屏幕宽度，导致效果很不美观。询问后台开发人员，得知。这些新闻是从网站爬下来的。很多样式都已经去掉了。故图片没有限制宽度。后台开发人员问我们是否...

//判断图片宽高赋予不同的css widthheight(e, id) { // 判断图片的宽高 let that = this // ... console.log("b") } } } // 判断图片的宽高 end } 超出屏幕缺失增加一个回到顶部功能 $('body,html').scrollTop(0,0)

81,091

社区成员

341,718

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章