程序员经验分享-hwhale

为 ObjectBoundingBox 导出 SVG

2024-01-01

我对 SVG 的经验很少，我正在尝试保存来自 illustrator 的路径，以便它可以用作响应式剪贴蒙版，其大小相对于其父级，使用clipPathUnits="objectBoundingBox".

但是，Illustrator 似乎不允许我在之间具有相对路径值0 and 1并且仅导出绝对值。

我怎样才能得到这样的代码...

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 viewBox="0 0 100 100">
    <clippath id="clipping-mask">
        <path d="M49.401,64H36.3V30.648h11.201c3.9,0,7.15,0.25,10.501,2.4c4.95,3.15,7.1,8.45,7.1,14.151
    C65.102,56.75,59.352,64,49.401,64z M48.501,38.148h-3.7V56.5h3.65c5.7,0,8.15-3.65,8.15-9.051
    C56.602,42.148,54.252,38.148,48.501,38.148z"/>
    </clippath>
</svg>

...与其父母相关？

Thanks!


从 Paul LeBeau 的回答和 的答案中得到启发https://graphicdesign.stackexchange.com/a/42666 https://graphicdesign.stackexchange.com/a/42666我发现你实际上可以将 Illustrator 中的画板设置为 1x1，并且在保存到 SVG 时增加保存时 SVG 选项中的小数位数。这将生成小数点已调整的 SVG。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

SVG

mask

adobeillustrator

为 ObjectBoundingBox 导出 SVG 的相关文章

  • 将元素添加到 D3 圆包节点

    我正在尝试制作一个可缩放的圆形包装图 我希望每个子圆圈包含一个较小的图表 该图表始终具有相同的结构 即 4 列 只有条形的高度会改变 我尝试添加一个简单的rect到目前为止我的图表 但矩形没有添加到圆圈中并且是静态的 JS var marg

  • 使用 jQuery 修改 svg 文件

    我有一个 svg 文件 其中包含一些形状和一些文本 我想在运行时修改 svg 以便某些形状可以更改颜色 某些文本可以更改其内容 假设我的外部 svg 文件中只有两个元素 圆圈 1 具有该 id 的蓝色实心圆圈 text1 包含该 id 的

  • 无法在 Firefox 中显示我的 svg 图像？

    我无法在 Firefox 中显示我的 svn image 它在 Safari 和 Chrome 中工作正常 没有 IE 所以还没有测试过 它在我的html中是这样实现的 img 类 logo1 src images logo6 svg 其中

  • 如何将嵌入的 ICC 配置文件信息转储为 PDF？ （命令行或 GUI 工具）

    它在那里命令行或 GUI 工具转储有关 ICC 配置文件 颜色转换的信息 这些信息是在 Illustrator 的 PDF 导出对话框中设置的 PDF 的颜色管理和 PDF X 选项 选项 Illustrator 的 PDF 颜色管理和 P

  • 为什么媒体查询中的 CSS 旋转不会旋转回来

    我有一个 SVG 其中一些元素根据媒体查询进行旋转 如下所示 media max width 480px rect transform rotate 10deg 该元素旋转得很好 但 至少在 Chrome 中 它拒绝返回 这是为什么 其他指

  • IE11 元元素破坏 SVG

    我已将 SVG 文件数据直接嵌入到我的 html 中 它在 Chrome 和 Firefox 中显示 但在 IE11 中根本不显示 SVG 的 Pastebin 链接是http pastebin com eZpLXFfD http past

  • 2 个 SVG 路径的交集

    我需要检查两个 SVG Path 元素是否相交 检查边界框与 getBBox 太不准确了 我目前正在做的是迭代两条路径 getTotalLength 然后检查是否有两个点 getPointAtLength 是平等的 下面是一个片段 但正如您

  • 在 HTML5 中使用 JS 创建内联 SVG

    我正在使用本地 HTML5 文件 它有在顶部 我在里面放了这样的东西

  • Highcharts - 使用选定的饼图切片获得 3D 效果

    在 highcharts 中 我试图使当用户选择或将鼠标悬停在饼图的切片上时 该切片会产生沿 z 轴 朝向用户 上升的效果 我试图通过 css 设置阴影过滤器并使切片的边框更宽 填充颜色相同 来实现此目的 然而 我面临的问题是切片仍然可以位

  • 高效创建抗锯齿圆形蒙版

    我正在尝试创建抗锯齿 加权而不是布尔 圆形掩模 以制作用于卷积的圆形内核 radius 3 no of pixels to be 1 on either side of the center pixel shall be decimal a

  • 使圆圈与 d3.js 上的多线匹配相同的颜色过滤？

    我有一个多线图 当按每种水果过滤时会更新 每条线条颜色对应不同的销售年份 在 的帮助下Shashank https stackoverflow com users 5569282 shashank 每个数据点线上的圆圈已添加到组中 而不是直

  • GeoJson 世界数据库 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在开发一个项目 需要使用 d3 js 显示国家和城市的地图 实际上 D3支持GeoJson格式 通常

  • 将 SVG 路径转换为绝对命令

    给定一个 SVG Path 元素 如何将所有路径命令转换为绝对坐标 例如 转换此路径

  • SVG线宽问题

    我开始了我的svg学习 我想用svg线做一些技巧吧 但有件事我不明白 我为每个技能创建 2 行 一行是空的 另一行是知识百分比 问题是 前两行的高度是我给出的笔画宽度的一半 其他线都有很好的高度 这是一个 jsbin http jsbin

  • 如何按比例缩放 SVG

    我已从 Illustrator 导出 SVG 并希望设置 SVG 的高度并按比例设置宽度比例 这是 SVG 示例

  • 简单的 svg css 进度圈

    我正在尝试寻找一种方法来实现没有动画的简单进度圈 静态 我发现的示例具有非常不同的百分比偏移量 如下例所示 如何以这样的方式制作进度圈 如果我提供偏移量为 50 那么它恰好是 50 半填充 u absoluteCenter position

  • innerHTML 未写入 svg 组 Firefox 和 IE

    我正在做一个项目 遇到了障碍 在 Chrome 中 它按预期工作 但在 Firefox 和 IE 中则不然 下面的代码实际上只是真实项目代码的非常简化的版本 基本上我正在尝试替换 svg 的每组中的圆圈 因此 我从预编码的圆圈开始 然后删除

  • 添加鼠标事件到svg ，检测网格悬停

    我有一个有点复杂的问题 我正在尝试通过 svg 渲染网格 然后将事件侦听器添加到网格中 目前我正在通过渲染网格

  • 使 D3 响应式：viewBox 与 resize()？

    我必须构建在平板电脑 桌面显示器以及某些情况下非常大的 4k 高分辨率影院尺寸显示器上都能正常运行的 d3 可视化效果 因此 我试图找出使用 SVG 的 viewBox 属性和 preserveaspectratio 与调用调整大小函数以在

  • 裁剪 SVG 的正确方法？

    我对 SVG 图像完全感到困惑 我想将图像裁剪为其核心内容 我想通过指定其视图框和 或视口和 或其他任何内容来裁剪它 除非我不想更改折线元素中的任何点 图像按原样呈现类似这样的内容 注意 边框仅用于说明目的 边框实际上并不是 SVG 的一部

随机推荐

  • OpenGL 中的透明 FrameBuffer 背景

    我想使用 glClear 和 glClearColor 用包括 alpha 透明度的颜色填充帧缓冲区 但是 当绑定到渲染到屏幕的纹理时 帧缓冲区始终呈现为不透明 我希望渲染到帧缓冲区的所有内容都保持其透明度 我只是想改变背景 请看下面的代码

  • ASP.NET C# - 使用用户控件的下拉列表

    我是 ASP NET 新手 这个论坛中的某人帮助我如何使下拉列表与用户控件一起使用并且它正在工作 在我的用户控制文件 VendorListControl ascx 中 我有下面的代码 请假设 VendorListControl ascx c

  • 在 Windows 10 驱动程序中将内核空间虚拟地址映射到用户空间虚拟地址

    我正在 Windows 10 64 位 中编写一个内核模式驱动程序 其主要目的是从 DMA 读取 我想知道是否不是将内存块从内核空间复制到用户空间中分配的缓冲区 我可以以某种方式向用户空间公开一个地址 当然不是物理地址 并节省内存复制操作

  • 返回 foreach 循环外部 var 中存储的所有值

    因此 我假设某些内容正在被覆盖 但我不确定如何停止此操作并检索循环外的所有值 有任何想法吗 foreach gallids as gallterm postterms wp get post terms gallterm type arra

  • 将 null 转换为任何类型

    Can null被转换为任何类型 即以下代码可以工作吗 public

  • 在 DynamoDB 中对关系数据进行建模（嵌套关系）

    实体模型 我已阅读有关创建的 AWS 指南在 DynamoDB 中建模关系数据 https docs aws amazon com amazondynamodb latest developerguide bp modeling nosql

  • RabbitMQ 插件用于删除重复消息

    我有一个用于生成文档的 RabbitMQ 队列 基本上每个文档都有type and state 新的 处理中的 准备就绪 所以我使用带有路由键的主题交换 例如type state 每次文档更改时 我都会将带有最新文档描述的消息发送到交易所

  • 如何让 webdriver 实例在所有类文件中使用相同的实例

    我是 java selenium 的新手 我想使用 webdDrierSingleton 概念 它将帮助我在所有类中使用单个驱动程序实例 我无法获取驱动程序实例 有人可以指导我如何获取它吗 单例类 public class WebDrive

  • Visual Studio 2015。无法注册站点访问的 URL 被拒绝 IIS Express。访问被拒绝 0x80070005

    我在 Visual Studio 2015 中启用了 SSL 以实现Facebook and Google本地登录 我改变了项目网址 in the Web tab项目的属性https 本地主机 44300 https localhost 4

  • 是否可以刷新“今日小部件”中的计时器？

    我想知道是否可以更新今日小部件中计时器的文本标签 我环顾四周 但没有任何帮助 是的你可以 我刚刚测试过并且有效 您只需将计时器添加到主运行循环 NSRunLoopCommonModes 中 RunLoop main add yourTime

  • 指定 seq2seq 自动编码器。 RepeatVector有什么作用？批量学习对预测输出有何影响？

    我正在构建一个基本的 seq2seq 自动编码器 但我不确定我是否做得正确 model Sequential Encoder model add LSTM 32 activation relu input shape timesteps n

  • 如何改进生成多重集组合的算法？

    我该如何优化next and hasNext 下面的生成器中的方法会产生有界多重集的组合 我将其发布到 C 以及 Java 因为该代码与 C 兼容 并且没有不直接转换为 C 的 Java 特定元素 该算法有问题的特定领域是整个hasNext

  • 如何在 QtCreator 的调试器中显示 std::multimap 和 std::multiset 的内容？

    我正在尝试检查 a 的内容std multimap and std multiset in the 局部变量和表达式的窗口Qt创建者 我得到的不是值列表 而是显示的实现细节 奇怪的是 std map and std set对应的显示良好 i

  • 工厂方法“dataSource”在启动时抛出异常

    我已将 MS SQL 与我的 Spring Boot 应用程序集成 但是在启动时我收到以下错误 无法实例化 org apache tomcat jdbc pool DataSource 工厂方法 dataSource 抛出异常 嵌套异常是j

  • 使用 safari 在画布中绘制包含 html 的 svg

    我正在尝试为网站创建一些动态创建的页面的缩略图 我找到了一个解决方案 方法是在 svg 中添加 html 然后在画布内的图像上绘制图像 在绘制图像后调整图像大小 这个解决方案适用于 firefox 和 chrome 但不适用于 safari

  • Xcode - 更改项目模板

    因此 我可以为单个文件添加新模板 但我希望 Xcode 在设置新项目时使用这些文件 最明显的是 Controller 和 Delegate h 和 m 文件 我怎么做 除了您找到的各个类的模板之外 还有适用于各种项目类型的模板 如果您只想替

  • 根据 TypeScript 验证 JSON

    我们使用 JSON 文件来配置一些 Web 应用程序 显然在字段名称等方面出现了错误 是否可以使用 TypeScript 定义验证 JSON 文件 或者我们应该将配置迁移到其他格式 我们同时使用Intellij和VSCode进行开发 定义示

  • 将 pdf 转换为单页可编辑 html

    我一直在努力将 pdf 文件转换为单个漂亮的 html 页面网上冲浪了一下 我得到的解决方案有点缺乏我的要求 因为我必须为大约 200 个 pdf 文件创建单独的 html 页面 因为在线转换器可能不是一个领先的解决方案 所以我尝试了以下解

  • QOpenGLWidget 与 QApplication？

    我们有一个基于 QWidget 的应用程序 之前使用 QWindow 进行 OpenGL 渲染 为了使该窗口适合我们的应用程序 我们必须使用 QWidget QWidget createWindowContainer QWindow 以前我

  • 为 ObjectBoundingBox 导出 SVG

    我对 SVG 的经验很少 我正在尝试保存来自 illustrator 的路径 以便它可以用作响应式剪贴蒙版 其大小相对于其父级 使用clipPathUnits objectBoundingBox 但是 Illustrator 似乎不允许我在

热门标签