草庐IT

svg-morphing

全部标签

html - SVG 标签占用额外空间

所以我遇到了HTML5中SVG元素的奇怪尺寸问题。它占用的空间比我想象的要多得多。图中的每个小矩形都是一个宽高为“20”的rect元素。SVG元素的高度和宽度应为20*10=200,但尺寸应为680x508。您可以在此处查看检查过的svg元素->http://i.stack.imgur.com/xrofn.pngHTML看起来像这样:...请注意,我正在运行node.js和mustache.js。编辑:显然SVG在不确定宽度/高度时会做一些事情。手动设置即可解决问题。 最佳答案 SVG视口(viewport)似乎由父元素决定。htt

html - SVG 标签占用额外空间

所以我遇到了HTML5中SVG元素的奇怪尺寸问题。它占用的空间比我想象的要多得多。图中的每个小矩形都是一个宽高为“20”的rect元素。SVG元素的高度和宽度应为20*10=200,但尺寸应为680x508。您可以在此处查看检查过的svg元素->http://i.stack.imgur.com/xrofn.pngHTML看起来像这样:...请注意,我正在运行node.js和mustache.js。编辑:显然SVG在不确定宽度/高度时会做一些事情。手动设置即可解决问题。 最佳答案 SVG视口(viewport)似乎由父元素决定。htt

javascript - SVG 上的下拉菜单?

我有一个svgCanvas,其中充满了使用d3的有趣数据可视化效果,我希望在svg:rect元素上方显示一个传统的html下拉菜单。这可能吗?我知道我可以使用foreignObject,但这与IE不兼容。 最佳答案 只要您正确排列元素,它就可以正常工作。在示例中here,我在SVG元素的顶部使用了绝对定位的DIV(在输出窗口周围移动鼠标以查看DIV移动)。(代码使用Raphael而不是D3,但结果是一样的)。 关于javascript-SVG上的下拉菜单?,我们在StackOverflo

javascript - SVG 上的下拉菜单?

我有一个svgCanvas,其中充满了使用d3的有趣数据可视化效果,我希望在svg:rect元素上方显示一个传统的html下拉菜单。这可能吗?我知道我可以使用foreignObject,但这与IE不兼容。 最佳答案 只要您正确排列元素,它就可以正常工作。在示例中here,我在SVG元素的顶部使用了绝对定位的DIV(在输出窗口周围移动鼠标以查看DIV移动)。(代码使用Raphael而不是D3,但结果是一样的)。 关于javascript-SVG上的下拉菜单?,我们在StackOverflo

html - 从 SVG 文件中提取路径坐标

我试图从Adob​​eIllustrator中的路径中找到精确坐标以用于HTML图像映射,有人建议我将路径保存为SVG文件,但是当我在记事本中打开SVG时,我得到以下信息:有人能告诉我如何从这个XML数据中提取坐标,以便我可以将它们用于HTML图像map吗?我显然没有解析XML文件的经验,而且我不知道从哪里开始准备脚本来执行此操作。提前致谢! 最佳答案 那么,关于SVG,您首先要了解的是路径是如何组成的:“d”属性包含创建路径的规范。每个命令都以一个字母开头,匹配以下内容:M=movetoL=linetoH=horizontalli

html - 从 SVG 文件中提取路径坐标

我试图从Adob​​eIllustrator中的路径中找到精确坐标以用于HTML图像映射,有人建议我将路径保存为SVG文件,但是当我在记事本中打开SVG时,我得到以下信息:有人能告诉我如何从这个XML数据中提取坐标,以便我可以将它们用于HTML图像map吗?我显然没有解析XML文件的经验,而且我不知道从哪里开始准备脚本来执行此操作。提前致谢! 最佳答案 那么,关于SVG,您首先要了解的是路径是如何组成的:“d”属性包含创建路径的规范。每个命令都以一个字母开头,匹配以下内容:M=movetoL=linetoH=horizontalli

html - ios8 Webview svg 嵌入 html 不显示

我最近在开发一个svgmap应用程序。ios7一切正常。当我将我的项目移动到ios8时。奇怪的事情发生了,我发现当UIWebview读取本地嵌入了svg文件的html文件时,svg文件不会在ios8上显示。示例代码在这里:@implementationViewController-(void)viewDidLoad{[superviewDidLoad];NSString*path=[[NSBundlemainBundle]pathForResource:@"test"ofType:@"html"];NSURL*fileURL=[[NSURLalloc]initFileURLWithPa

html - ios8 Webview svg 嵌入 html 不显示

我最近在开发一个svgmap应用程序。ios7一切正常。当我将我的项目移动到ios8时。奇怪的事情发生了,我发现当UIWebview读取本地嵌入了svg文件的html文件时,svg文件不会在ios8上显示。示例代码在这里:@implementationViewController-(void)viewDidLoad{[superviewDidLoad];NSString*path=[[NSBundlemainBundle]pathForResource:@"test"ofType:@"html"];NSURL*fileURL=[[NSURLalloc]initFileURLWithPa

html - SVG 中的中心路径

是否可以在SVG元素中将路径垂直居中?这是我需要居中的路径之一: 最佳答案 如果你的意思是自动的,没有干预,那就不是。但是,您可以向路径添加转换以使其在SVG中居中。路径的边界框是:{x:8.859999656677246,y:40.347999572753906,width:125.81500244140625,height:94.6520004272461}文档的高度是144,所以y实际上应该是:(144-94.652)/2=24.674因此路径的y位置必须通过以下方式调整:(24.674-40.348)=-15.674因此将以

html - SVG 中的中心路径

是否可以在SVG元素中将路径垂直居中?这是我需要居中的路径之一: 最佳答案 如果你的意思是自动的,没有干预,那就不是。但是,您可以向路径添加转换以使其在SVG中居中。路径的边界框是:{x:8.859999656677246,y:40.347999572753906,width:125.81500244140625,height:94.6520004272461}文档的高度是144,所以y实际上应该是:(144-94.652)/2=24.674因此路径的y位置必须通过以下方式调整:(24.674-40.348)=-15.674因此将以