草庐IT

mermaid-svg-Rc

全部标签

javascript - 可以将文本添加到 SVG 路径吗?

是否可以将文本添加到svg路径,我创建了一个svg三Angular形并想在其中心添加一个字母但不确定这是否可能? 最佳答案 是的。参见section10.13oftheSVG1.1specification(标题为“路径上的文本”)以获取有关使用textPath的信息元素。总结:给你的路径一个id属性。创建Mytexthere这是一个直接来自规范的例子:Exampletoap01-simpletextonapathWegoup,thenwegodown,thenupagain 关于jav

javascript - 使用 SVG 或 WebGL 的 3D 形状

您好,我想在浏览器中渲染一个交互式3D球体。它上面的纹理将是一张世界地图,所以基本上我试图创建一个可以使用map在任何方向旋转的地球仪。我很擅长使用SVG渲染2D图像,但不确定如何在SVG中渲染3D形状。是否可以在SVG中渲染3D形状,如果可以,如何渲染?如果不是,WebGl是更好的选择吗? 最佳答案 看看three.js它对实现进行了一些抽象(带有WebGL/SVG/Canvas后端)。SVG是一种2d矢量图形格式,但您可以将3d形状投影到2d上,因此可以使用SVG渲染3d对象,这只是一些工作(最好留给javascript库)。

javascript - Autocad .dwg 到 SVG 到 PolyMap 的瓷砖,从而产生事件平面图

我目前正在将.dwg文件另存为.dxf,在Illustrator中打开,另存为.svg,然后使用Polymaps将其嵌入到html文档中.期望的结果是制定事件平面图。平面图超过1,000,000平方英尺,所以我相信平铺是拥有可用于移动设备的东西的唯一方法(由于加载时间)我无法找到有关如何从SVG文件创建图block然后将它们与Polymaps一起使用的任何信息。我对此不熟悉,所以尽管我已经完整阅读了Polymaps文档,但我不确定即使在拥有这些图block后我是否能够实现。如果有任何有关从可与Polymap一起使用的.svg创建图block的资源,以及有关使用Polymap的更详细的示

javascript - 将 SVG 和 .JPG 合并为一张图像?

我有一个在map应用程序中使用SVG/VML(通过RaphaelJS)设置的网站,其中SVG用于在背景map图像上显示图形。这在屏幕上非常有效,也适用于打印带有叠加层的硬拷贝map。然而,当用户想要将带有SVG叠加层的map图像保存到本地.JPG文件时,此设置就会崩溃。更具体地说,当图像顶部有SVG/VML元素时,使用大多数浏览器的标准右键单击功能“将图像另存为...”不起作用。右键单击map,用户可以保存map图像,但没有叠加层。右键单击覆盖的SVG元素,用户获得的最好结果是能够检查元素或保存一些HTML(因浏览器而异)。所以我的主要问题是;是否可以拍摄一张图像和一个SVG元素并将它

javascript - 我可以使用 JS 或 jQuery 来测试是否支持 SVG 图片吗?

我在网站上使用SVGLogo,在大多数浏览器中它都工作正常。但是,在某些IE版本和移动浏览器上,图像显示为失败的图像框。有没有什么方法可以使用JS或某些库(最好是jQuery)来检查SVG兼容性并尽可能减少漏报,并简单地切换到图像的.png版本?网站是这样的:http://zero31b.x10.mx/samote,SVG图像是蓝色小地球的东西 最佳答案 TavmjongBah写了一篇关于SVG和PNG回退的综合文章:http://tavmjong.free.fr/SVG/BUTTON_TEST/button_test.html他/

javascript - 为什么 Text 元素上的 SVG bbox 方法在不同的浏览器中给出不同的结果?

我有一个SVG文本元素。我在IE9、Chrome和Firefox中得到了它的bbox,它们三个都给了我不同的值。我创建了一个非常简单的jsfiddle显示SVG文本及其大小,以便您明白我的意思。我还尝试了客户端rect,看看它是否更好。HTML/SVGTextContent测试javascriptvarbbox1=document.getElementById("text_name").getBBox();varf=document.getElementById("text_name").getClientRects();document.getElementById("size").

javascript - 使用 Selenium RC 捕获浏览器

我想使用像BrowserStack这样的浏览器农场来运行UI测试。我们目前正在使用BS通过JsTestDriver运行单元测试。所以启动服务器,让browserfarm创建的一堆浏览器连接到jstd服务器,然后执行测试。不幸的是,我无法找到一种方法来编写与jstd一起工作的UI测试(单击某个按钮、输入内容等)。SeleniumRC是一个旨在进行UI测试的框架,但它强制使用自己的浏览器实例:Selenium通过作为框架一部分的驱动程序启动自己的浏览器。我想要的是将JsTestDriver概念与Selenium的UI测试相结合:使用Selenium编写测试,在本地主机上启动Selenium

javascript - 触摸事件是否适用于 SVG?

这个问题在这里已经有了答案:Can*you*getSVGonmobilebrowseracceptmouse/touchevents?Ican't(2个答案)关闭9年前。我一直在尝试使用SVG+ECMAScript,我发现它令人印象深刻。我最近foundout(X)HTML5具有“触摸事件”规范,因此Android浏览器、Firefox和Chrome/Chromium等浏览器具有对多点触控屏幕的DOM支持。我可以在独立的SVG文件中从ECMAScript访问这些相同的事件吗?(即没有任何(X)HTML5。)如果是这样,将不胜感激一个简单的示例SVG文件。注意:“触摸事件”指的是标准触摸

javascript - 如何为 rc5 配置 angular-cli 项目?

尝试安装angular-cli以使用angular2rc5,我遇到了一些错误:找不到名称“Promise”我已经安装了“npminstall-gangular-cli@webpack”,但他似乎没有安装typings,所以webstorm不知道“Promise”。我尝试过但没有成功的:1.我安装了“npminstalltypings--save”但没有任何变化。2.在我启用的webstorm项目配置中:(没有帮助)1.Usetypescriptservice(Experimental)2.Enabletypescriptcompiler2.1Trackchanges2.2.Usetsc

javascript - 如何检查 Svg 元素的交集

我正在开发一个基于Web的应用程序,用户可以在其中创建多个svg元素。所有元素都是“路径”(闭合路径为正方形或矩形)。用户可以移动和旋转任何元素。现在我想在一个元素接触或与任何其他元素相交时提醒用户。如有任何帮助,我们将不胜感激。谢谢。这是jsfiddle链接http://jsfiddle.net/nnYSp/代码是:-document.addEventListener('mousedown',mousedown,false);document.addEventListener('mousemove',mousemove,false);document.addEventListener