使用 JavaScript 更改 SVG 对象的高度和宽度

2024-01-09

我想在单击按钮时更改 svg 对象的高度和宽度。我尝试过但它不起作用:

function modify() {
    document.getElementById('circle1').style.height = "10px";
    document.getElementById('circle1').style.width = "10px";        
}

在SVG中宽度和高度<rect>元素是属性而不是 CSS 属性,因此您需要编写

document.getElementById('cercle1').setAttribute("height", "10px");

宽度也类似。

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

使用 JavaScript 更改 SVG 对象的高度和宽度 的相关文章

随机推荐

  • 未在 Blazor 服务器端应用程序中创建本地化 Cookie

    我设置了本地化Startup cs services AddLocalization options gt options ResourcesPath Resources and var supportedCultures new en U
  • 将代码从 RestSharp 转换为 HttpClient

    有人可以帮我将这个使用 RestSharp 的 ASP Net Core 示例 在我的 Web Api 中使用以使用来自 Auth0 的管理 API 转换为使用 HttpClient 的示例吗 var client new RestClie
  • 如何在Python中运行并行程序

    我有一个 python 脚本来使用 os subprocess 模块运行一些外部命令 但其中一个步骤需要花费大量时间 因此我想单独运行它 我需要启动它们 检查它们是否完成 然后执行下一个不并行的命令 我的代码是这样的 nproc 24 fo
  • 使用 PHP 保护文档

    我有一个简单的登录 访问控制系统来保护一些受限制的页面 但在这些页面内有一些需要保护的链接 即Word文档 因此 如果我将这些资源保留在 webroot 中 它们就可以通过 URL 访问 保护受限制页面内的这些资源的最佳方法是什么 我知道我
  • Activity.java 中的多个选定项 RecyclerView

    我有一个RecyclerView来自本地的数据JSON in CardView 当单击一个或某个项目时 更改所选项目的背景或突出显示 例如在 Line App 中编辑 但没有 Button 或 我需要在选定的项目上实现longpress 但
  • Aptana 配置:配置的解释器在文件系统中不存在

    标题里说的差不多了 我已经更新到最新版本了Aptana 在 Windows 上 现在我的解释器无法工作 我已经重新创建了PYTHONPATH变量 删除并重新配置python解释器Aptana 在我的项目中删除并重新创建它 仍然不起作用 它给
  • 有人知道为什么 lintr 将我的 jupyter r 内核的第一个字符串标记为红色吗?

    我刚刚在 vscode 中设置了 R 来与 Jupyter 笔记本一起使用 但它用红色标记了我的内核的第一个字符串 我收到的消息是 Failed to run diagnostics error in callr subprocess Ca
  • Openshift 将 wp-admin 重定向到 https

    在 WordPress 的常规选项中 我已将 WordPress 目录更改为 onhttp mywebsite com但 WordPress 仪表板仍处于 HTTPPS 中 导致混合内容警告 即使在 Firefox 上禁用混合内容过滤器后
  • Rails 单元测试是否应该访问数据库?

    我一直在为我的 Rails 应用程序编写测试 我使用 TestUnit 进行单元测试和功能测试 我也使用 Cucumber 进行 GUI 测试 但我发现http www dcmanges com blog rails unit record
  • 如何通过 Flutter web 直接发送电子邮件

    我正在构建一个 flutter web 我必须通过电子邮件将表单数据发送到我的 Gmail 电子邮件地址 我该怎么办 请帮我 我有用户 mailer 3 0 4 和 flutter email sender 2 2 2 但他们都没有工作 这
  • 在 Java 中什么时候适合使用引用相等与对象相等?

    我了解这两个术语之间的区别 以及如果您想检查两个对象是否具有引用或相同的值 您将使用什么方法 我的问题是 什么时候你必须检查两个对象是否具有相同的引用 而不是检查两个对象是否具有相同的内容或值 从来没有一次我必须检查两个对象是否具有相同的引
  • 未找到 ID 为“osgi”的插件

    我正在尝试建立一个项目 https github com fge btf https github com fge btf 本地使用 gradle 有一个插件 osgi 正在使用 但每当我构建它时 我都会收到错误插件未找到 我尝试过提供不同
  • 如何从gradle Android Studio中的jar文件中删除单个模块

    如何从 jar 文件中删除单个包 我有两个来自不同供应商的 SDK 并且两个 SDK 都有谷歌 gson包包含在 jar 文件中 因为这导致我在 android studio 中运行构建时出现问题 它显示下图中的错误 我知道如何从存储库中排
  • formControlName 和 FormControl 有什么区别?

    我在用着ReactiveFormsModuleAngular2 创建一个包含表单的组件 这是我的代码 foo component ts constructor fb FormBuilder this myForm fb group full
  • 如何完成有关 Oracle 触发器的练习

    我必须解决这个关于触发器的练习 考虑以下用于表示的关系数据库模式 项目信息 人员 身份证 姓氏 姓名 国籍 项目 姓名 经理 起始年份 参与人数 国际 人员 项目 人员 ID 指定Oracle中需要的触发器来维护以下内容 完整性约束 a 参
  • 异步方法的事件订阅

    我想启动LoadDataAsync有两种方式 首先通过订阅的事件FormLoad 并通过经典方法ManualLoad 但我无法让它发挥作用 我无法在任务返回时进行订阅 和void这是有效的 但是与void can t await in th
  • 在 Windows 中使用 TortoiseSVN 设置 SVN:Externals

    我正在尝试设置svn externals在 Windows 机器上使用 TortoiseSVN 我有两个项目 两个存储库都已在同一台本地计算机上创建 当前的结构如下所示 我创建repoA repoB对于存储库和workA and workB
  • MongoDB 2.4 的“更新后限制数组中的元素数量”使用 C# 驱动程序?

    MongoDB 2 4 添加了一个新的 更新后限制数组中的元素数量 功能 http docs mongodb org manual tutorial limit number of elements in updated array 这是通
  • 我可以使用 Chrome DevTools 在客户端查看会话状态值吗?

    我只是好奇我们是否可以使用 Chrome DevTools 获取 查看网站的会话变量值 如果有人知道 请分享 不可以 您无法在客户端查看会话状态变量 Session状态存储在服务器端 客户端浏览器只知道SessionID存储在 cookie
  • 使用 JavaScript 更改 SVG 对象的高度和宽度

    我想在单击按钮时更改 svg 对象的高度和宽度 我尝试过但它不起作用 function modify document getElementById circle1 style height 10px document getElement