草庐IT

transform_logs

全部标签

javascript - 如何使用 JavaScript 更改 svg <g transform=scale(X)> 的参数?

嘿。假设我的页面某处有SVG图形。当触发某些事件时,我想重新调整一组。我该怎么做?示例代码:Text我想更改scale(13)参数,为此应该在functiongetScreenSize(evt){...}?或者如何以不同的方式达到类似的效果?编辑至于一般想法,我想调整图形大小而不在任何地方指定固定值。所以我的div大小是基于百分比的,现在我只希望我的图形完全适合我的div,而不管它的大小。这就是为什么我想到JS在事件被触发(div调整大小)时更改scale()参数。函数将放入DivSize/rectBaseSize(x或y)的比例参数计算。 最佳答案

javascript - 在 console.log 中显示对象属性的原始顺序

我需要进行一些调试以查看一个JavaScript对象属性的原始顺序,但是(至少在chromedevtools中)console.log()向我显示了一个按字母顺序排列的对象。例如:varobj={z:1,t:2,y:3,a:4,n:5,k:6}console.log(obj)显示:Object{z:1,t:2,y:3,a:4,n:5…}a:4k:6n:5t:2y:3z:1//expected(needed)originalorderz:1t:2y:3a:4n:5k:6 最佳答案 console.log确实对属性进行了排序,在某些情况

javascript - Console.log 仅显示打印对象的更新版本

String.prototype.width=function(font){varf=font||'12pxarial',o=$(''+this+'').css({'position':'absolute','float':'left','white-space':'nowrap','visibility':'hidden','font':f}).appendTo($('body')),w=o.width();o.remove();returnw;}functionsortCustomFunction(a,b){if(a['text'].width()b['text'].width()

javascript - 当值被分配给组件状态时,为什么 console.log 打印以前的状态?

我将数字值从Numbers组件发送到Main组件。一切正常,直到我将主组件中的值设置为该组件的状态。varNumbers=React.createClass({handleClick:function(number){this.props.num(number)},render:function(){return(123)}})varMain=React.createClass({getInitialState:function(){return{number:0}},handleCallback:function(num){console.log("numberisrighthere

javascript - jQuery 动画 -webkit-transform

是否可以使用jQuery为webkittranslate3d设置动画?我读到,当使用jQuery的animate属性时,您必须使用驼峰式大小写css属性,但在translate3d的情况下,这似乎不起作用。我有以下代码,我想对其进行动画处理而不是立即发生?$("#main-nav").css('-webkit-transform',"translate3d(0px,"+e+"px,0px)scale(1)");为澄清起见,“e”是传递给运行我的上述代码的函数的变量。 最佳答案 使用text-indent就可以了。示例:$(".tes

javascript - Babel - 使用 transform-async-to-generator 插件时未定义 regeneratorRuntime

我无法正确设置babel以使用async/await。我正在使用babel7和webpack4。如果可能,我不想使用babel-polyfill!我的babelrc文件:{"presets":[["@babel/env",{"modules":false}]],"plugins":["syntax-dynamic-import","transform-async-to-generator"]}代码:asyncfunctioninit(){constloaderData=awaitinitLoader();initCmp(loaderData).then(initApi(loaderDa

javascript - Webpack console.log 输出?

谁能指引我正确的方向?因此,我已经使用truffle套件演示设置了webpack-dev-server,只是为了在我的应用程序基础上打下基础。所以我的配置文件包含index.html和app.js,但它尝试显示console.log输出到app.js没有通过控制台显示?webpack.config.jsconstpath=require('path');constCopyWebpackPlugin=require('copy-webpack-plugin');module.exports={entry:'./app/javascripts/app.js',output:{path:pa

Javascript console.log 不显示派生类名称 - 继承 - 类

我正在玩ECMAScript6类。我还是不明白为什么会出现下面的代码:"usestrict";classA{}classBextendsA{}letb=newB();console.log(b);显示:一个{}代替:B{}实例:(function(){"usestrict";classA{}classBextendsA{foo(){}}letb=newB();console.log(b);})();Opentheconsole.Worksonlyonveryup-to-datebrowsers(suchasChrome43+).如何在console.log上获得预期的逻辑输出B{}?我

javascript - 为什么我不能在 Chrome(和 Safari)中将 console.log 作为回调参数传递?

以下代码片段在Firefox中运行时会在Chrome(和Safari)中产生错误。我希望在javascript控制台中显示2个数字,但在Chrome中我只得到第一个,然后是UncaughtTypeError:Illegalinvocation//agenericpromisethatreturnarandomfloatvarmakePromise=function(){return$.Deferred().resolve(Math.random());}//ThisworksinallbrowsersmakePromise().then(function(d){console.log(

javascript - angularjs + ui 路由器 : redirect to login page when user is not logged in on each state change

我正在使用angularjs和ui-router构建一个简单的博客应用程序,我想监听每个状态变化并检查用户是否已登录。如果他没有登录,我想将他重定向到登录页面。场景非常简单,我试图实现thissolution没有运气。这是相关代码:app.config(function($stateProvider,$urlRouterProvider){$stateProvider.state('app',{url:'',abstract:true});$urlRouterProvider.otherwise('blogs');});app.run(function($rootScope,$stat