- 缩放区域使用的 zoom 这个api https://github.com/d3/d3-zoom/blob/v3.0.0/README.md#_zoom 使用d3.zoom() 创建一个缩放区域，配置... 缩放区域使用的 zoom 这个api https://github.com/d3/d3-zoom/blob/v3.0.0/README.md#_zoom 使用d3.zoom() 创建一个缩放区域，配置...
- SVG（Scalable Vector Graphics）可缩放矢量图形，是一种图像文件格式。目前由于 HarmonyOS 图形渲染引擎不支持 SVG 格式图片的渲染，开发者需要将 SVG 格式的图片文件... SVG（Scalable Vector Graphics）可缩放矢量图形，是一种图像文件格式。目前由于 HarmonyOS 图形渲染引擎不支持 SVG 格式图片的渲染，开发者需要将 SVG 格式的图片文件...
- 最基本的交互形式是链接。在 SVG 中，通过一个 <a> 标签提供链接，这与 HTML 链接的方式几乎相同。将 <a> 标签与一个 xlink:href 属性结合使用便可以建立一个链接。在 <a>和 </a> 标签之间的所有内容都作为链接的一部分。清单1展示了一个例子，它有三个元素，设置为... 最基本的交互形式是链接。在 SVG 中，通过一个 <a> 标签提供链接，这与 HTML 链接的方式几乎相同。将 <a> 标签与一个 xlink:href 属性结合使用便可以建立一个链接。在 <a>和 </a> 标签之间的所有内容都作为链接的一部分。清单1展示了一个例子，它有三个元素，设置为...
- 渐变简介 渐变是一种从一种颜色到另一种颜色的平滑过渡。 在SVG中，有两种主要的渐变类型： 线性渐变（linearGradient）放射性渐变（radialGradient） SVG中的渐变不仅可... 渐变简介 渐变是一种从一种颜色到另一种颜色的平滑过渡。 在SVG中，有两种主要的渐变类型： 线性渐变（linearGradient）放射性渐变（radialGradient） SVG中的渐变不仅可...
- <defs>与<symbol>的相同点 <defs>元素用于预定义一个元素使其能够在SVG图像中重复使用。<symbol>元素用于定义可重复使用的符号。嵌... <defs>与<symbol>的相同点 <defs>元素用于预定义一个元素使其能够在SVG图像中重复使用。<symbol>元素用于定义可重复使用的符号。嵌...
- SVG有一些预定义的形状元素 矩形 <rect>圆形 <circle>椭圆 <ellipse>线 <line>折线 <polyline>多边形... SVG有一些预定义的形状元素 矩形 <rect>圆形 <circle>椭圆 <ellipse>线 <line>折线 <polyline>多边形...
- 参考 MDN开发文档 https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_animation_with_SMIL SMIL As of Ch... 参考 MDN开发文档 https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_animation_with_SMIL SMIL As of Ch...
- fill-opacity、stroke-opacity与opacity的作用 fill-opacity 用来设置填充颜色透明度（范围：0 - 1）stroke-opacity 用来设置笔触（边框）颜色的... fill-opacity、stroke-opacity与opacity的作用 fill-opacity 用来设置填充颜色透明度（范围：0 - 1）stroke-opacity 用来设置笔触（边框）颜色的...
- <stroke>属性介绍 stroke 边框（轮廓）颜色stroke-width 边框（轮廓）厚度stroke-linecap 开放路径的终结样式（或称为画笔线帽） butt 无线帽... <stroke>属性介绍 stroke 边框（轮廓）颜色stroke-width 边框（轮廓）厚度stroke-linecap 开放路径的终结样式（或称为画笔线帽） butt 无线帽...
- <switch>简介 <switch>的典型用法是用于显示不同的文字，但不可以用它来显示不同的图形。 MDN开发文档 https://developer.mozilla.... <switch>简介 <switch>的典型用法是用于显示不同的文字，但不可以用它来显示不同的图形。 MDN开发文档 https://developer.mozilla....
- SVG简介 SVG 意为可缩放矢量图形（Scalable Vector Graphics）。 SVG 使用 XML 格式定义图像。 SVG与其他图像格式相比，SVG的优势在于 SVG 可被非常多的... SVG简介 SVG 意为可缩放矢量图形（Scalable Vector Graphics）。 SVG 使用 XML 格式定义图像。 SVG与其他图像格式相比，SVG的优势在于 SVG 可被非常多的...
- 使用 SVG 做一个树的动画 <!-- <!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 --> <... 使用 SVG 做一个树的动画 <!-- <!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 --> <...
- SVG Scalable Vector Graphics SVG 使用 XML 格式定义图像 内嵌使用 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" cy="50" r="40" stroke="black" stroke-width="3" fil... SVG Scalable Vector Graphics SVG 使用 XML 格式定义图像 内嵌使用 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" cy="50" r="40" stroke="black" stroke-width="3" fil...
- 一. 初识SVG SVG能够绘制一些CSS难以做到的复杂图像和动画。而且放大不失真。 二. 基础语法 （1）SVG代码全都放在顶层标签< svg > …< / svg >之中。 （2）SVG也有宽高属性，< svg width=“100%” height=“50” > ，如果不指定宽与高，则默认大小 宽300px，高150px 。 （3）如果只展示SVG图像的一部... 一. 初识SVG SVG能够绘制一些CSS难以做到的复杂图像和动画。而且放大不失真。 二. 基础语法 （1）SVG代码全都放在顶层标签< svg > …< / svg >之中。 （2）SVG也有宽高属性，< svg width=“100%” height=“50” > ，如果不指定宽与高，则默认大小 宽300px，高150px 。 （3）如果只展示SVG图像的一部...
- 本篇作为技术分享系列的第二篇，详细讲一下文字的解析和绘制，这部分功能的研究和最终实现由团队共同完成，目前还在寻找更理想的实现方式。首先看一下文字绘制在手绘视频中的应用场景 文字是手绘视频中很重要的表现形式，应用场景很广，比如字幕、旁白和一些重要的文字说明提示。和普通视频，如 MV、电影等使用某一种固定字体，如宋体、微软雅黑字体不同的是，在手绘视频中，我们通常会使用一些很有个性化的字体，... 本篇作为技术分享系列的第二篇，详细讲一下文字的解析和绘制，这部分功能的研究和最终实现由团队共同完成，目前还在寻找更理想的实现方式。首先看一下文字绘制在手绘视频中的应用场景 文字是手绘视频中很重要的表现形式，应用场景很广，比如字幕、旁白和一些重要的文字说明提示。和普通视频，如 MV、电影等使用某一种固定字体，如宋体、微软雅黑字体不同的是，在手绘视频中，我们通常会使用一些很有个性化的字体，...
上滑加载中
推荐直播
0.3333333333333333
-
空中宣讲会 2025年华为软件精英挑战赛2025/03/10 周一 18:00-19:00
宸睿 华为云存储技术专家、ACM-ICPC WorldFinal经验 晖哥
2025华为软挑赛空中宣讲会重磅来袭！完整赛程首曝+命题天团硬核拆题+三轮幸运抽奖赢参赛助力礼包，与全国优秀高校开发者同台竞技，直通顶尖赛事起跑线！
即将直播 -
CloudPond上的DeepSeek2025/03/07 周五 16:30-17:30
George-华为云CloudPond解决方案经理
比一体机能力更丰满；比公有云距离更亲近；比自己搭建更轻松简单；解读在CloudPond 上部署DeepSeek，选型、方案以及部署维护的细节。
即将直播 -
空中宣讲会 2025年华为软件精英挑战赛
2025/03/10 周一 18:00-19:00
宸睿 华为云存储技术专家、ACM-ICPC WorldFinal经验 晖哥
2025华为软挑赛空中宣讲会重磅来袭！完整赛程首曝+命题天团硬核拆题+三轮幸运抽奖赢参赛助力礼包，与全国优秀高校开发者同台竞技，直通顶尖赛事起跑线！
即将直播 -
CloudPond上的DeepSeek
2025/03/07 周五 16:30-17:30
George-华为云CloudPond解决方案经理
比一体机能力更丰满；比公有云距离更亲近；比自己搭建更轻松简单；解读在CloudPond 上部署DeepSeek，选型、方案以及部署维护的细节。
即将直播
热门标签
