svg getTransformToElement 兼容谷歌

我用的是vue  放在了main.js 中 生效 

=========== [ http://jointjs.com/blog/get-transform-to-element-polyfill.html ] ==================== 

公告:getTransformToElement()polyfill 2015年11月12日

 

不幸的是,新版Chrome(48)删除了JointJS / Rappid的核心功能。此功能是SVGGraphicsElement.getTransformToElement()函数。删除该方法背后的动机是 - 根据Chrome团队 - 打开有关此方法应该如何表现的问题。

为了克服未来版本Chrome的兼容性问题,我们准备了一个确保此方法存在的polyfill。在发布新版本的JointJS / Rappid之前(或者由于任何原因,您不想升级),在加载应用程序JavaScript之前包含以下代码:

 

SVGElement.prototype.getTransformToElement = SVGElement.prototype.getTransformToElement || function(toElement){
    return toElement.getScreenCTM()。inverse()。multiply(this.getScreenCTM());
};
大卫·杜曼

===========================================================

 

=========== [ http://jointjs.com/blog/get-transform-to-element-polyfill.html ] ==================== 

Announcement: getTransformToElement() polyfill Nov 12th, 2015

 

Unfortunately, a new version of Chrome (48) removes a feature that is core to JointJS/Rappid. This feature is theSVGGraphicsElement.getTransformToElement() function. The motivation behind removing the method is - according to the Chrome team - open issues about how this method is supposed to behave.

To overcome compatibility issues with future versions of Chrome, we prepared a polyfill that makes sure this method exists. Before a new version of JointJS/Rappid is released (or if you, for any reason, don't want to upgrade), include the following code before you load your application JavaScript:

 

SVGElement.prototype.getTransformToElement = SVGElement.prototype.getTransformToElement || function(toElement) {
    return toElement.getScreenCTM().inverse().multiply(this.getScreenCTM());
};
David Durman

===========================================================
--------------------- 
作者:kanpiaoxue 
来源:CSDN 
原文:https://blog.csdn.net/kanpiaoxue/article/details/84766885 
版权声明:本文为博主原创文章,转载请附上博文链接!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SVG(Scalable Vector Graphics)是一种基于XML的矢量图形格式,它可以用来描述二维图形和图像。SVG图表在不同的浏览器中的兼容性可以通过以下几个方面来考虑: 1. 基本语法兼容性:SVG使用XML语法来描述图形,因此在不同浏览器中对XML的解析支持程度可能会有差异。但是大多数现代浏览器都支持基本的SVG语法,包括火狐浏览器。 2. SVG元素和属性的兼容性:SVG定义了一系列的元素和属性来描述图形,不同浏览器对这些元素和属性的支持程度也可能有所不同。在编写SVG图表时,需要注意使用那些被广泛支持的元素和属性,以确保在不同浏览器中都能正确显示。 3. CSS样式的兼容性:SVG可以使用CSS来定义样式,包括颜色、填充、边框等。不同浏览器对CSS样式的支持程度也可能有所不同,因此在编写SVG图表时,需要注意使用那些被广泛支持的CSS样式。 4. JavaScript交互的兼容性:SVG可以通过JavaScript来实现交互效果,比如响应鼠标事件、动态修改图形等。不同浏览器对JavaScript的支持程度也可能有所不同,因此在编写SVG图表时,需要注意使用那些被广泛支持的JavaScript特性。 总的来说,SVG图表在火狐浏览器中的兼容性相对较好,但仍然需要注意一些细节。在编写SVG图表时,建议遵循标准的SVG语法和使用被广泛支持的元素、属性、CSS样式和JavaScript特性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值