草庐IT

mapbox鼠标样式

全部标签

javascript - 在 html5 Canvas 上旋转对象后返回未转换的鼠标坐标

我在html5Canvas中围绕可变原点旋转对象。如果用户点击新旋转的矩形中的给定点,我需要将返回的鼠标坐标围绕同一原点旋转回来。我画了一个非常快速的图,希望能更好地说明:我基本上需要一个函数,它将实际单击的鼠标坐标作为x和y,并将它们转换为旋转之前的对象位置。varorigin={x:100,y:100};varangle=45;functiontransformCoordinates(x,y){//Performcalculationtotransformcoordinatesreturn{x:newx,y:newy};}可用的变量将是旋转和Angular变换原点。以及Canvas

javascript - D3.js 在鼠标悬停时更改文本,这可能吗?

我有一个力导向图,我想在鼠标悬停时更改节点中的文本。我试图通过将"full_name":的数据放在数据数组中,然后在鼠标悬停时调用它,就像我为蓝色矩形图像调用它一样。但它似乎不起作用,而且我没有收到任何错误。所以我不知道是什么问题..您可以在此处查看和编辑示例:http://jsfiddle.net/dzorz/CqaLh/脚本看起来像这样:vardata={"nodes":[{"name":"Action1","type":2,"slug":"","entity":"employee"},{"name":"Action2","type":3,"slug":"","entity":"e

javascript - 是否可以在 Angular 2 中为相同的组件设置不同的样式?

我有一个通用组件,我想在整个应用程序中重复使用。问题是我想为网站的各个部分设置不同的样式。这可能吗?我猜想有一种方法可以为styleUrl传递路径,但这看起来真的很困惑,我希望有更好的选择。我也试过这个但是没有用:指定组件时,在类中添加,像这样然后将基于customStyle1的样式添加到通用组件的样式表中,但它似乎没有采用该样式。 最佳答案 您可以在样式中使用:host-context来根据在使用它的地方应用的某个类来为您的组件设置主题。阅读更多相关信息here!!test.css:host-context(.theme-gree

javascript - 在 React 样式组件上使用 'ref' 不起作用

我在使用带样式组件的ref时遇到困难。当我尝试像下面这样在我的类方法中访问它们时,出现以下错误:Edit.js:42UncaughtTypeError:this.....containsisnotafunctionconstructor(props){....this.setWrapperRef=this.setWrapperRef.bind(this);this.handleClickOutside=this.handleClickOutside.bind(this);}----------setWrapperRef=(node)=>{this.wrapperRef=node;}ha

javascript - jQuery 触发鼠标移出事件

是否可以使用jQuery在链接元素上触发mouseout事件?即有点像$(linkEle).mouseout()我希望它能在iPad上运行,尽管它没有任何鼠标光标,但确实有事件... 最佳答案 是的,jquery有一个mouseout事件处理程序-http://api.jquery.com/mouseout/$('some_selector_here').mouseout(function(){//Dosomestuff}$('some_selector_here').trigger('mouseout');

javascript - 使用样式组件添加两个类(事件类)

我正在从css迁移到styled-components.我的React组件如下所示:classExampleextendsReact.Component{........codehererender(){return({this.props.number})}}constNumber=styled.div`color:#fff;font-size:26px;font-weight:300;`;我的CSS看起来像这样:.button{height:60px;width:60px;}.active{animation-duration:0.5s;animation-name:highlig

javascript - Highcharts - 在鼠标位置绘制十字准线/工具提示而不是捕捉到数据点

Here(seethisjsfiddle)您可以看到二维十字准线正在捕捉到最接近它的数据点。您如何使十字线和工具提示与图表上的当前鼠标位置相对应?tooltip:{crosshairs:[true,true]} 最佳答案 jsFiddleSolution我最终绑定(bind)了自己的mousemove事件,以获得图表中不断变化的鼠标位置以获取十字准线。对于我刚刚使用的工具提示:tooltip:{shared:true,followPointer:true},这应该足以让您继续前进。 关于

javascript - 如何在 Javascript 中创建 JWT exp 样式日期

我想在Javascript中创建JWTexp声明样式日期。我的应用程序jwt声明返回1424984529的到期日期。我正在使用此测试token到期:if(jwt.exp在编写Date.now()时给我1424941329632而jwt.exp给出1424984529。显然,我的测试将始终返回true。所以我的问题是,如何在Javascript中模仿jwt风格的exp日期? 最佳答案 怎么样:if(jwt.exp 关于javascript-如何在Javascript中创建JWTexp样式日

javascript - Facebook 样式 AJAX 搜索

我为我的网站创建了一个Facebook风格的ajax搜索,当你输入时,它会在你的搜索下方的一个漂亮的列表中显示结果。$("#s").keyup(function(){varsearchbox=$(this).val();vardataString='s='+searchbox;if(searchbox!=''){$.ajax({type:"POST",url:"/livesearch.php",data:dataString,cache:false,success:function(html){$("#display").html(html).show();}});}else{retu

javascript - 使用 Backbone 样式的原型(prototype)继承时防止无限递归

我正在使用从Backbone改编而来的扩展函数(除了为符合我雇主的命名约定而进行的一些更改外,它们完全相同)来实现原型(prototype)继承。设置以下结构后(下面大大简化)我得到一个无限循环。Graph=function(){};Graph.extend=myExtendFunction;Graph.prototype={generateScale:function(){//dostuff}}//baseclassdefinedelsewhereUsageGraph=Graph.extend({generateScale:function(){this.constructor._s