d3 scale(x,y) ie 兼容问题

最新推荐文章于 2021-06-16 03:04:47 发布

weixin_42390878

最新推荐文章于 2021-06-16 03:04:47 发布

阅读量518

点赞数

CC 4.0 BY-SA版权

分类专栏： SVG JS d3.js

本文链接：https://blog.youkuaiyun.com/weixin_42390878/article/details/85255917

JS 同时被 3 个专栏收录

14 篇文章

订阅专栏

SVG

3 篇文章

订阅专栏

d3.js

3 篇文章

订阅专栏

本文介绍在D3.js中如何使用styles方法为不同浏览器提供兼容性样式，包括Chrome, Firefox和IE。通过示例代码展示如何针对特定浏览器设置元素的transform属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

改用styles

官方中文：

https://github.com/d3/d3-selection-multi#d3-selection-multi

<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-selection-multi.v1.min.js"></script>

svg.attr("transform", "scale(1, -1)"); //用于chrome firefox
svg.styles({"-ms-transform": "scale(1, -1)"})； // 用于IE

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_42390878

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vite: Polyfill 解决低版本浏览器的兼容问题

Wang的专栏

06-29

5543

谈到 Vite，可能很多人都觉得这是一个现代前端构建工具，应该在现代浏览器中使用，放到各种语法特性都缺失的低版本浏览器(如 ie 11 )就不适用了。这种观念对不对呢？首先跟大家抛出结论: 通过 Vite 构建我们完全可以兼容各种低版本浏览器，打包出既支持现代( Modern ) 浏览器又支持旧版( Legacy )浏览器的产物。接下里的课程中，我就来与你分析一下为什么在 Vite 中能够彻底解决低版本浏览器的兼容性问题，以及通过什么手段解决，需要借助哪些 JS 的工具和生态。

echarts数据化图表新手入门

wsxokn945的博客

10-28

1174

ECharts是一个使用 JavaScript 实现的开源可视化库，ECharts可谓是制作图表的良心之选，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器(IE8/9/10/11，Chrome，Firefox，Safari等)，所以，基本完全不用担心兼容性的问题，底层依赖轻量级的矢量图形库 ZRender、提供直观、交互丰富、可高度个性化定制的数据可视化图表。

参与评论您还未登录，请先登录后发表或查看评论

transform:scale()兼容

R_K_C的博客

07-18

2804

transform:scale(0.75);// -webkit-transform:scale(0.75);//for Chrome || Safari -moz-transform:scale(0.75);//for Firefox -ms-transform:scale(0.75);//for IE -o-transform:scale(0.75);/...

html scale兼容i8,HTML_如何解决CSS在IE8下的兼容性问题，再谈CSS兼容性问题，IE8应该是 - phpStudy...

weixin_30341571的博客

06-16

173

如何解决CSS在IE8下的兼容性问题再谈CSS兼容性问题，IE8应该是目前的主流浏览器，本文我们就来解决下在I8下的兼容性问题。第一个办法，在网页头部放上如下代码，这个方法也是最普遍用的，大家可以打开四大门户看看，都有加入这段代码，意思是让ie8以ie7的兼容模式解析代码，是微软官方发布的解决方案。程序代码第二个办法是针对整个网站的,在IIS中加入如下描述符就可以有相同的效果,程序代码相关阅读:O...

使用dagre-d3做一个dag图（关系图）

qq_36320160的博客

09-28

1040

dagre-d3插件github地址：https://github.com/dagrejs/dagre-d3 简易版github网址: https://github.com/xuhuihui/svg/...

CSS3中的transform变形

weixin_30367169的博客

10-16

531

　　在CSS3中，用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形，这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用，就会产生不同的效果，使用顺序不同，产生的效果是不一样的。　　目前浏览器支持情况：Safari 3.1+、 Chrome 8+、Firefox 4+、Opera 10+、IE9+ 　...

Highcharts、Echarts、D3、该用哪个

大白的博客

08-05

4535

收费角度兼容性难易程度适用场景是否收费 Echarts 完全免费，代码开源。 D3 完全免费，代码开源。 Highcharts 非商业免费，商业需授权，代码开源。兼容性 Highcharts 兼容 IE6 及以上的所有主流浏览器，支持移动端缩放、手势操作。 Echarts 兼容 IE6 及以上的所有主流浏览器，支持移动端的缩放和手势操作。 D3 兼容IE9 及以上的所有...

如何在vscode里安装安装D3.js库安装D3.js库安装D3.js库

热门推荐

北冥

03-28

3万+

安装升级查看软件xxx安装内容 dpkg -L xxx 查找软件库中的软件 apt-cache search 正则表达式或 aptit? search 软件包显示系统安装包的统计信息 apt-cache stats 显示系统全部可用包的名称 apt-cache pkgnames 显示包的信息 apt-cache show k3b

IE8兼容scale的第三方js

10-10

IE8兼容scale的第三方js

dagre-d3.js

07-31

dagre-d3的min文件，使用dagre-d3可以很方便的绘制流程图等

CSS3新属性及兼容

高先生的猫

08-11

674

选择器 CSS3中新添加了很多选择器，解决了很多之前需要用javascript才能解决的布局问题。· element1~element2: 选择前面有element1元素的每个element2元素。 [attribute^=value]: 选择某元素attribute属性是以value开头的。 [attribute$=value]: 选择某元素attribute属性是以value结尾的。 [attribute*=value]: 选择某元素attribute属性包含value字符串的。 E:fir

ie8实现transform:scale放大效果

x619y的专栏

06-02

5270

.class{ filter: progid:DXImageTransform.Microsoft.Matrix( M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand'); }

一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

Purpletaro的专栏

05-19

589

x-ua-compatible 用来指定IE浏览器解析编译页面的model x-ua-compatible 头标签大小写不敏感，必须用在 head 中，必须在除 title 外的其他 meta 之前使用。 1、使用一行代码来指定浏览器使用特定的文档模式。 <meta http-equiv="x-ua-compatible" content="IE=9" > <meta http-equiv="x-ua-compatible" content="IE=8" > <met

transform的兼容性写法浏览器和 transition

weixin_34375251的博客

12-14

2353

transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate(7deg); /* Safari 和 Chrome */ -o-transform:rotate(7deg); /* Oper...

html scale属性,CSS中的zoom属性和scale属性的用法及区别

weixin_30080745的博客

06-04

2582

CSS中的zoom属性和scale属性的用法及区别CSS中的zoom属性和scale属性的用法及区别是什么呢?以下是小编整理的相关内容，欢迎阅读学习!zoom 属性语法：zoom：normal | |默认值：normal适用于：所有元素继承性：有取值：normal：使用对象的实际尺寸。：用浮点数来定义缩放比例。不允许负值：用百分比来定义缩放比例。不允许负值说明：设置或检索对象的缩放比例。对应的脚本...

掌握D3 Tip插件：轻松获取X,Y坐标轴数据

举例来说，如果你有一个SVG元素`<circle>`，你可以在D3 Tip的`mouseover`事件中，通过调用D3 Tip实例的`show`方法来显示该圆形的中心X,Y坐标。代码可能看起来像这样： ```javascript // 假设已经定义了tip变量作为...