草庐IT

svg-android

全部标签

javascript - 如何阻止 Android 硬件后退按钮在 react-native 的 react-navigation 中运行?

我正在开发一个问答游戏,我正在使用react-navigation来处理导航,我有3个组件,(newGame、Questions、Results)我不希望用户返回到结果页面的问题,如果没有。问题已经用完,但是,按下后退按钮(Android硬件)会将他带回问题。然后我尝试像这样处理硬件后退按钮:componentWillMount(){this.props.gameState(true);BackHandler.addEventListener('hardwareBackPress',()=>{if(this.props.gamePlaying){//Currentlysettotrue

javascript - SVG 文档中的 getElementById

我写了一个这样的svg文件:如注释行alert(document);提醒[objectSVGdocument]。但是:varpath=document.getElementById('path1');alert(path);警报null。我还尝试将svg放在html页面中,也在xhtml页面中,尝试了更多但现在没有结果。有什么想法吗? 最佳答案 此时您调用varpath=document.getElementById('path1');,path1尚未定义(稍后定义)。您应该将代码放在路径定义之后。但是我不确定你是否可以输入内的标签

javascript - 模糊 SVG 中的边界 (Raphael.js)

我正在开发一个基于网络的编辑器,可以在其中拖动元素和调整元素大小。我遇到了关于显示1px边框和元素的问题:我得到了一条模糊线,而不是像素到像素显示(例如1px实线)。我发现,如果我使用末尾带有.5的坐标(例如10.5、124.5)和整数大小,一切都是像素完美的。这里是例子。在我改变它的坐标之前的元素:之后(每个整数大小末尾有“.5”):问题是我如何强制Raphael.js以清晰的方式显示所有内容? 最佳答案 我不确定如何在Raphael中执行此操作,但一点点CSS可以帮助您:.your_lines{shape-rendering:c

javascript - SVG 元素的矩形选择(用于 Raphael)

我遇到了以下问题,希望有人知道如何帮助我:我使用JavaScript库Raphael.现在,我想做的是,当我有很多RaphaelSVG元素时,只需使用“矩形选择”选择更多元素,即通过从图形背景开始拖动鼠标来创建一个选择矩形(我希望我足够清楚),并移动这个矩形中的元素。目前,我发现了类似这样的内容(有人从previousquestionofmine发布了它):varpaper=Raphael(0,0,'100%','100%');varcircle=paper.circle(75,75,50);varrect=paper.rect(150,150,50,50);varset=paper.

javascript - 如何使用 Selenium webdriver 测试对 SVG 对象的点击?

我正在尝试编写代码来检查单击SVG对象的功能-例如此URL上的美国州http://www.amcharts.com/svg-maps/?map=usa这行得通,但是有更好的方法吗?没有物理移动鼠标的东西?robert=newRobot();robert.mouseMove(x,y);//fullclickoncetogetfocusonthewindowrobert.mousePress(MouseEvent.BUTTON1_MASK);robert.mouseRelease(MouseEvent.BUTTON1_MASK);//thensetthefilterrobert.mouse

javascript - 用多种颜色填充 SVG 路径

我有一个国家的省份map作为SVG,其中每个省份都是一个SVG路径。实际的SVG如下provincemap.我想做的是用一种颜色填充省份(路径)的一部分,用另一种颜色填充第二部分,然后用另一种颜色填充其余部分。因此,例如,我将x轴上33.33%的路径填充颜色a,从33.33%到66.66%填充颜色b,其余部分填充颜色c。这可能吗?我见过线性渐变,但我更喜欢纯色而不是渐变。谢谢! 最佳答案 我认为您可以使用线性渐变并为每种纯色使用两个色标。像这样 关于javascript-用多种颜色填充S

javascript - Android 上的 LoopBack/Angular/Cordova 超时

我们有一个Web应用程序,它使用Strongloop的LoopBack作为API和后端,在前端使用Angular,并使用Cordova为移动设备打包。来自Cordova的Web应用程序和iOS目标按预期工作得很好,但是当我们尝试为Android设备构建时,应用程序服务器无法从设备访问。更具体地说,在加载客户端应用程序并尝试登录后,设备向我的API发送了一个POST,但从未收到响应(据我所知,请求从未真正到达服务器)。这是我到目前为止尝试过的:确保access设置为origin="*"在config.xml中确保Content-Security-Policy在我的(单页)应用程序的ind

javascript - 使用 mathjax 或类似工具将 Latex/MathML 转换为 SVG 或图像?

我正在构建一个库,它只允许对象渲染的功能返回表示自身的DOM元素,其中之一是数学,所以,或会做的,我更喜欢svg。Mathjax以在这方面非常擅长而闻名,但我需要更多类似的东西:Mathjax.Latex('\frac{2}{1}').toSVG();//svgDOMnodeorstringMathjax.Latex('\frac{2}{1}').toImage();//Image,imgnode,orbase64我知道可以使用mathjax-node,但可以使用mathjax客户端吗?https://github.com/mathjax/MathJax-node

javascript - 如果我遵循正常的 D3 方式,我是否将 eventListener 添加到每个 SVG 元素?

在d3中处理onclick的正常方式是selection.append(element).on("click",someFunction)如果我在1000个svg元素上这样做,是否意味着我只是附加了1000个不同的监听器。如果是这种情况,是否有专门针对d3的事件委托(delegate)? 最佳答案 @AlexWanswer是(部分)正确的:D3中没有事件委托(delegate),只有事件绑定(bind)。但是,我说部分是因为最好说“D3中没有用于事件委托(delegate)的本地方法”,因为实际上它很容易实现:使用D3进行事件委托(

javascript - 如何根据文本宽度动态调整 SVG 矩形的大小?

在SVG图形中,我创建了由矩形和一些文本组成的节点元素。文本的数量可能会有很大差异,因此我想根据文本的宽度设置矩形的宽度。下面是使用D3.js创建的矩形(使用固定的宽度和高度值):varrects=nodeEnter.append("rect").attr("width",rectW).attr("height",rectH);后跟文本元素:varnodeText=nodeEnter.append("text").attr("class","node-text").attr("y",rectH/2).attr("dy",".35em").text(function(d){returnd