javascript – 如何制作一个svg元素(例如矩形)scrollIntoView？

2019-07-03 19:19:47 阅读：196 来源： 互联网

我在图表面板中有一个svg. svg中的所有节点都列在另一个面板中.我希望通过单击节点列表中的节点,svg可以滚动到该节点.每个节点都是一个矩形.但我发现只有上边框在视图中,而节点的其余部分仍然在视图之外.有什么方法可以解决这个问题吗？ (Javascript或Extjs)

这是我的代码：

function selectRectangle(Id){
  var ele = Ext.get(Id);
  ele.scrollIntoView(Ext.get('graph-panel-body'), true);}

解决方法:

问题是你试图滚动视图的SVG元素可能有一个yy或dy属性从顶部偏移它,Chrome中的scrollIntoView方法没有考虑到这一点(在Firefox中),因此将滚动到顶部,因为它认为元素在那里,因为这是SVG元素定位的工作方式..元素都是从最左上角渲染的,然后通过x,y,dx“转换”到它们的位置, dy属性.

你可以(而且应该)加注一个开放的bug：

https://bugs.chromium.org/p/chromium/issues/detail?id=803440

标签：javascript,svg,extjs,extjs4
来源： https://codeday.me/bug/20190703/1369915.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 如何制作一个svg元素(例如矩形)scrollIntoView？