草庐IT

svg-morphing

全部标签

javascript - 在 AngularJS 指令中呈现 SVG 模板

我正在使用SVG和angular.js处理一个大型项目,并且需要对svg指令模板的可靠支持。不幸的是,当Angular渲染模板时,它创建的是DOM节点,而不是SVG节点。我目前的解决方法是使用jquery.svg自己管理创建和删除节点,但它会受到限制。示例:http://plnkr.co/edit/Xk8wM3?p=preview我想让指令element成为实际的svg元素,而不是一些什么都不做的人造DOM元素。这将使我能够有效地使用ng-repeat和Angular过滤器。这是需要修复的插件:http://plnkr.co/edit/BPvGjf?p=previewhtmljavas

javascript - 如何使用 d3.js 更新 svg 路径

我想申请"generalupdatepattern"从官方文档更新鼠标事件的svg路径(但可以是按钮或其他)。但路径只是添加而不是更新。我认为这就是为什么我没有正确使用enter和exit属性,但经过各种试验后,我无法让它工作。这是一个jsfiddle.我的js代码在这里:varshapeCoords=[[10,10],[100,10],[100,100],[10,100]];$(function(){varcontainer=$('#container');//D3console.log("D3:",d3);varsvg=d3.select('#container').append(

javascript - D3 : Substituting d3. svg.diagonal() 和 d3.svg.line()

我用d3.svg.diagonal()渲染的边实现了下图。但是,当我尝试用d3.svg.line()替换对Angular线时,它似乎没有提取目标和源数据。我错过了什么?关于d3.svg.line有什么我不明白的地方吗?以下是我所指的代码,后面是完整代码:varline=d3.svg.line().x(function(d){returnd.lx;}).y(function(d){returnd.ly;});...varlink=svg.selectAll("path").data(links).enter().append("path").attr("d",d3.svg.diagona

php - 将用户制作的 SVG (raphael.js) 发送到服务器 (php),以便通过电子邮件发送

我有一个页面,用户可以在其中创建自己的SVG图像。现在我想在服务器(php)上访问这些图像,以便将它们发送到电子邮件地址。有了这些instructions我能够将SVG转换为Canvas,然后将Canvas转换为jpeg/png。我不再担心SVG树,因为它不再需要编辑,因此将其转换为普通图像(我假设这会更容易处理,最终我想将该图像作为附件发送到电子邮件)。最有效的方法是什么?是否可以将转换后的jpeg/png发布到服务器?谢谢大家,有点迷路了。 最佳答案 经过大量阅读后,我设法找到了一个相当简单的解决方案,以防有人遇到类似问题:使用

php - 使用 PHP 计算关于曲线的 SVG 边界框

我最近发现这个很棒的类位于here,并尝试使用它。但是,它仅适用于一些基本功能,例如移动、水平线和垂直线。--我尝试通过添加额外的检查(并更改正则表达式)来扩展这个现有的类。publicstaticfunctionfromPath($pathString){preg_match_all('/([mlvhzc][^mlvhzc]*)/i',$pathString,$commands);$pt=array(0,0);$bounds=newself();foreach($commands[0]as$command){preg_match_all('/((\+|-)?\d+(\.\d+)?(e

php - 如何在 PHP 中使用 ImageMagick 将 SVG 转换为 PNG?

我想使用PHP使用ImageMagick将SVG转换为PNG。我已经在XAMPP上安装了ImageMagick并使用phpinfo()对其进行了验证,但仍然无法生成图像。这是我的代码:$svg=file_get_contents($svg_file);//echo$svg;$im=newImagick();//$im->setBackgroundColor(newImagickPixel('transparent'));//$svg=str_replace(array("color1","color2"),array("red","lightblue"),$svg);$im->read

用于 SVG 动态图的 PHP 库

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion我(非常)乐意使用jpgraph对于PHP中的图形,当需要“动态性”时,我只是添加了图像映射、处理悬停和单击事件等(在jpgraph中有点笨拙,但可能)。但现在我看到了prettycoolgraphsmadeinSVG.我不知道这种动态性在SVG中是可能的!您能否推荐任何可以在这个意义上替代jpgraph的PHPSVG动态图形库?非常感谢。

php - 如何在 Imagick 中读取 SVG 字符串?

我有一个包含svg元素标记的字符串。如何在Imagick中读取这个字符串并显示它。$svg='';$image=newImagick();//Thisisnotworking.$image->readImageBlob($svg);$image->setImageFormat("png");header("Content-Type:image/png");echo$image;我如何读取这个svg字符串,以便我可以继续做其他事情。谢谢 最佳答案 您必须添加在$svg变量的开头。这段代码对我有用:$svg='';$image=newI

php - 在 Silverstripe 中将 SVG 视为图像

我正在尝试在Silverstripe中上传图像并将它们视为图像而不是文档链接。我已经将SVG添加到允许的文件类型中,并且可以上传SVG文件,但是当我点击插入时,编辑器将标签插入为somefile.svg我想将SVG视为任何其他图像格式,插入时会将标签作为常规图像插入实现此目标的最佳方法是什么? 最佳答案 围绕HtmlEditorField.js调试后,我发现SVG未显示的问题是“插入媒体”屏幕的上传字段未将SVG视为图像。(我原本以为是TinyMCE的问题,但事实并非如此)我知道File类有一个名为app_categories的静态

php - 如何使用 PHP Imagick 读取给定大小的 SVG?

我有以下代码:$image=newImagick();$image->setBackgroundColor(newImagickPixel('green'));$image->setSize(20,20);$image->readImageBlob(file_get_contents('./some/path/image.svg'));它加载SVG很好,但是setSize完全被忽略了。根据其定义,它以550x100呈现:有没有人有过让SVG文件与setSize一起玩的经验? 最佳答案 setSize()函数仅适用于原始图像格式,不适