svg相关内容

AngularJS如何将数据与SVG小部件绑定

我知道这通常不是使用 AngularJS 的方式，但我想知道我想要实现的目标是否可以通过 AngularJS 实现.如果这不是推荐的方式，您能否提供有关如何实现此目的的提示?请考虑到我是网络编程领域的新手. 所以在我的项目中，我使用 SVG &RaphaelJS 在画布上放置了几个小部件，这些小部件放置在“持有人"div 中.我正在尝试使用 AngularJS 将这些小部件绑定到数据，基本上 ..
发布时间：2022-01-18 22:43:32 其他开发

PyGame 应用程序中的 SVG 渲染.在 Pygame 2.0 之前，Pygame 不支持 SVG.那你是怎么加载的?

在 pyGame 应用程序中，我想渲染 SVG 中描述的无分辨率 GUI 小部件.p> 我可以使用什么工具和/或库来实现这个目标? (我喜欢 OCEMP GUI 工具包，但它的渲染似乎依赖于位图) 解决方案 这是一个完整的例子，这里结合了其他人的提示.它应该从当前目录呈现一个名为 test.svg 的文件.它在 Ubuntu 10.10、python-cairo 1.8.8、pyt ..
发布时间：2022-01-18 21:59:59 Python

svg，路径标签在 Firefox 上不起作用

我正在制作一张带有 svg 路径标签的简单地图但它不适用于火狐或 IE(图纸本身不出现) 听到是其中的一个样本 解决方案 d 属性不应该使用逗号，而是使用空格.stroke-width 也必须是一个长度(例如 px).这应该有效: ..
发布时间：2022-01-18 21:36:34 前端开发

内联 SVG <标题><描述>可访问性的正确用法

我在我的 html 中使用了很多内联 svg，但对于在可访问性方面呈现它们的最佳方式有点困惑. 我看到了两种将 和 添加到 svgs 的方法 - 第一种方法似乎是最好的，因为我不必为每个标题和描述提供唯一的 ID(我每页有多个 svg)?是这样吗?选择“aria-label"或“aria-labelledby"时还有什么需要考虑的吗? 另外，我对这个 ..
发布时间：2022-01-18 21:11:15 前端开发

需要加速我的 SVG.我可以转换为 WebGL 或画布吗?

我有一个包含 10138 个部分的 SVG 绘图，所以它运行缓慢. 我想让它运行起来更像 http://workshop.chromeexperiments.com/globe 这是我正在考虑的解决方案/问题 有什么方法可以让 SVG 部件以处理器密集度较低的方式呈现? 我可以将 SVG 转换为 WebGL 或画布吗? 我可以让它作为 SVG 运行，但通过 WebGL 或画布呈现 ..
发布时间：2022-01-17 12:12:06 其他开发

简单游戏的 Canvas vs SVG

如果我想构建一个简单的游戏(蛇、西洋跳棋、吃豆人或其他)，什么是更好的方法 - SVG 或 Canvas? 我感兴趣的事情: 易于实施(Canvas 与 SVG 的学习曲线).例如，如果 SVG 的教程和社区支持对我来说至关重要. 性能(对我来说并不重要，但仍然很重要) 另外，在游戏领域，有没有比 Canvas 更适合 SVG 的特定游戏(反之亦然?) 解决方案 需 ..
发布时间：2022-01-17 12:10:53 前端开发

将修改后的 SVG 绘制到画布上

我想加载一个 SVG 图像，对其 .contentDocument 进行一些操作，然后将其绘制到画布上. 将 SVG 绘制到画布上的一个很好的例子是:http://www.phrogz.net/tmp/canvas_from_svg.html 但在本例中，svg 被创建为 new Image('url.svg') 对象.当您以这种方式创建 SVG 时，不幸的是，它似乎没有要操作的 co ..
发布时间：2022-01-17 11:51:37 前端开发

使用 SVG 路径数据在 Canvas 中绘制路径(SVG 路径到 Canvas 路径)

我有一张 SVG 中一个国家/地区的详细地图，以这种格式分隔在多个区域中: (而且我有很多这样的路径.) 现在我需要通过 Canvas 完成所有这些工作(因为需要重新设计和完成一项全新的任务).我看到可以在 Canvas 中绘制路径，但我可以使用这样的 SVG 路径来绘制路径吗? 解决方案 在 Chrome、Safari、Firefox 和 Edge 中，您可以使用 Path2 ..
发布时间：2022-01-17 11:24:51 前端开发

如何使用 HTML5 和画布或 SVG 绘制网格

我想画一个如图所示的网格，但我完全不知道从哪里开始. 我应该使用 SVG 还是应该使用带有 HTML5 的 Canvas 以及如何在其上绘图? 我希望此网格在其上绘制矩形、圆形或其他图表，我将计算该图表的面积，就像正方形的面积一样. 解决方案 SVG 可以很好地使用模式: ..
发布时间：2022-01-17 11:23:11 前端开发

在 svg 或画布中将文本换成圆形

将文本拟合到网站上的圆圈的一个好的解决方案是什么，所以它会随着圆圈的曲线而不是矩形边界框流动? 这是我想要实现的目标:页面上有许多黑色圆圈(大小固定)，每个圆圈旁边都有一个文本区域.当文本输入到文本区域时，它会出现在黑色圆圈中，它位于两个轴的中心.如果输入的文本过多，则该行变得比圆的半径长，减去指定的边距值，则该行将像您期望的常规换行一样中断，而文本块仍然居中.当然，靠近顶部或底部的线会比靠 ..
发布时间：2022-01-17 11:18:18 其他开发

将svg转换为png时如何包含CSS样式

我创建了一个简单的 SVG 元素，在单击按钮时会下载到 png，我的解决方案类似于 这里 基本思路是: 1.svg 到画布 2.canvas转dataUrl 3.触发从dataUrl下载 问题是在下载 png 文件时，它不包含应用于 svg 的 css 样式我的解决结果 注意 - 我知道通过在元素上移动样式“内联"(如 here 或通过挖掘 DOM 树并使用 getComp ..
发布时间：2022-01-17 11:17:19 前端开发

创建具有 24 点或以上点阵的“新"尖刺标签

我正在尝试制作一个点爆点，如下图所示: 目前，我已尝试使用伪元素进行此操作，但是，我只能生成 12 点连拍，并不能反映图像中显示的内容. 有没有办法用几个元素来创建一个点阵? 以下是我用来尝试此解决方案的代码: div{宽度:100 像素；高度:100px；背景:灰色；变换:旋转(45度)；边距:50px；}div:之后{位置:绝对；内容:"";背景:灰色；宽度:100 像 ..
发布时间：2022-01-17 11:14:52 前端开发

iPhone 应用程序中的 SVG 图像

我正在寻找一个可以帮助我在 iphone 应用程序中使用 svg 图像的小教程.我正在尝试了解 svg 格式，并且很想知道那里是否有来自苹果的相关材料?特别是，w.r.t.iPhone. iPhone SDK 3.0+ for SVG 中是否有任何开源库或框架? 感谢任何帮助.谢谢.穆斯塔法 解决方案 UIWebView 类将呈现 SVG 文件. 为了演示这一点，请将您的 ..
发布时间：2022-01-16 19:52:02 移动开发

D3 SVG变换旋转过渡行为怪异

我用 D3 生成了一个几何 SVG 图案，我想为它制作动画.我想让圆圈和正方形围绕它们的中心旋转.但是，当它们旋转时，中心点会沿椭圆路径移动，然后返回正确位置. 我的代码笔在这里:http://codepen.io/andybarefoot/pen/bwkjaN单击左上角的“旋转"会显示异常行为.我旋转“组"的关键函数如下所示: 函数 spinCircles() {d3.select(" ..
发布时间：2022-01-16 14:36:46 其他开发