当前位置: 首页 > article >正文

svg与css关联

<style>
  #svg-rect {
    fill: green;
    stroke: yellow;
    stroke-width: 3px;

    display: visible;//隐藏和显示  隐藏用none
  }
</style>

<svg width="100" height="100">
  <rect id="svg-rect" x="10" y="10" width="80" height="80" />
</svg>
 

使用类控制

<style>
  .svg-circle {
    fill: red;
    stroke: blue;
    stroke-width: 2px;
  }
</style>

<svg width="100" height="100">
  <circle class="svg-circle" cx="50" cy="50" r="40" />
</svg>
 


http://www.kler.cn/a/310313.html

相关文章:

  • 【ChatGPT】 如何让ChatGPT分析数据并得出结论
  • POI实现根据PPTX模板渲染PPT
  • leetcode hot100【LeetCode 114.二叉树展开为链表】java实现
  • 事件循环 -- 资源总结(浏览器进程模型、事件循环机制、练习题)
  • 【计算机网络】Socket编程接口
  • 基于Qt/C++全局键盘和鼠标事件监控工具
  • Spring Boot-Bean注入问题
  • JAVA对象、List、Map和JSON之间的相互转换
  • 电脑端视频剪辑软件哪个好用,十多款剪辑软件分享
  • 制造业的智能化革命:工业物联网(IIoT)的优势、层级应用及挑战解析
  • ArcGIS Pro SDK (十五)共享
  • python 实现average median平均中位数算法
  • Quartus sdc UI界面设置(二)
  • DockerLinux安装DockerDocker基础
  • Python PyQt5 定时器
  • kafka消息发送几种方式
  • 系统架构设计师 数据库篇
  • superset 解决在 mac 电脑上发送 slack 通知的问题
  • 如何准备教师资格证科目三“学科知识与教学能力”的考试与面试?(理科导向:数学/物理)
  • 基于Springboot+vue的音乐网站
  • 深度学习速通系列:TextCNN介绍
  • Koa (下一代web框架) 【Node.js进阶】
  • 遥感图像目标检测数据集-DOTA数据集
  • SAP自动化-ME12批量更新某行价格
  • 分类评估指标:准确率、精确度、召回率、F1分数、Roc详解
  • 单片机(Microcontroller)原理及应用