草庐IT

svg-sprite-loader

全部标签

javascript - 从 7 升级到 Babel-loader 8?我需要改变什么?

我正在尝试从版本7升级到版本8。但我遇到了一些错误。我想我需要升级一些东西但不确定是什么这就是我的包(我删除了与我的问题无关的插件)"dependencies":{"babel-plugin-emotion":"^9.2.5","babel-polyfill":"^6.26.0","http-proxy-middleware":"^0.18.0","koa-connect":"^2.0.1","koa-router":"^7.4.0","koa2-connect-history-api-fallback":"0.0.6","npm":"^6.1.0","react":"^16.4.0"

javascript - 如何使用 d3.js 将填充部分添加到 SVG 圆圈

我正在使用d3.js生成一些SVG圆圈。我能够生成它们,但我不知道如何将它们分成4个相等的部分并为每个部分填充颜色。我正在使用d3.js的版本4。这是我的fiddle中的javascript片段:varnodes=[{"type":'family',"id":'f1',"name":'',"image":""},{"type":'person',"id":'p1',"name":'fredflintstone',"age":39,"relationship":"father","sex":''},{"type":'person',"id":'p2',"name":'wilmaflint

javascript - HTMl+SVG+JavaScript : change text at runtime?

我准备将一些基于Flash的应用程序迁移到HTML+JavaScript+SVG(单一目标渲染引擎是Webkit)。我对SVG完全陌生,我想知道我是否可以使用SVG作为模板图像来填充屏幕并从HTML页面中嵌入的JavaScript代码动态更改包含的文本。我想做的是:在Inkscape中绘制页面的基本结构(带有一些图形和文本占位符),然后仅在HTML页面中显示SVG并通过JavaScript填充文本占位符。我可以通过在背景中显示静态SVG图像并在其顶部放置一些绝对定位的DIV来显示文本来获得相同的结果,但是我'我想在Inkscape中设计文本标签的位置、大小和样式。这能做到吗?怎么办?我

javascript - 是否有将整个 SVG 路径移动到新位置的命令?

是否有命令将整个SVG路径移动到新位置,而不是将偏移量添加到路径的每个点? 最佳答案 感谢sehe的评论。解决方法是:将路径包裹成 关于javascript-是否有将整个SVG路径移动到新位置的命令?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/7623296/

javascript - 在打印时隐藏 svg 部分

是否有可能在打印布局中隐藏部分svg。特别是我喜欢隐藏highstockrangeSelector和navigator将打印页面。这应该可以在没有js触发按钮的情况下工作。它应该在使用浏览器打印按钮时起作用。是否有可能使用cssmedia=print显示/隐藏元素并将此事件与jquery绑定(bind)?需要隐藏在打印布局上的黄色部分:http://i49.tinypic.com/24mbxop.png对于这个例子:$(function(){$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl

javascript - 删除节点时的 D3 更新总是删除 SVG DOM 中的最后一个条目

我在我的D3应用程序中看到了一个奇怪的行为,经过数小时的尝试弄清楚发生了什么,我希望有人能指出我明显做错的地方。我已将应用程序简化为非常简单,但问题仍然存在。正如您将看到的,它源自所有出色的D3示例。我有一个问题的简单场景是:选择一个节点(通过单击它),然后在按下删除键时删除该节点以及该节点和链接的所有相关链接和标签。下面粘贴的代码几乎就在那里,因为它完全按照预期减少了节点和链接的数量(给定任何特定图表),但有一个问题:节点和链接标签都不正确,最终分布在不同的圈子...任何关于可能发生的事情的想法都将不胜感激!代码:varwidth=960,height=700,colors=d3.s

javascript - D3.js 文本输入(在 svg 内)过渡不透明度 0 到 1 不会以 1 结束

我正在尝试使用以下代码让我的文本输入从0到1的选择过渡不透明度。如果没有过渡和不透明度设置,文本会按预期显示。但是使用这段代码,不透明度从0开始但永远不会变成1;并且没有添加文本值?[我的代码中的所有其他转换都按预期工作]。/***@paramtext*selectionwithdatatoaddtextfrom&truncateby,witha*delay.*/functionaddBubbleTextByData(text){text.style("opacity",0).transition().delay(1.1*transitionDelay).style("opacity"

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.