- 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、电影等使用某一种固定字体，如宋体、微软雅黑字体不同的是，在手绘视频中，我们通常会使用一些很有个性化的字体，...
- 1. commits遍历 branch 于 branches id和value等于branch，当前值和currentBranch绑定currentBranch处于watch状态，触发fetchData，触发commits变化，触发record变化遍历 record 于 commits(ajax返回数据)2. elastic-header通过vue开发的一个UI组件，拖拽svg边3. fir... 1. commits遍历 branch 于 branches id和value等于branch，当前值和currentBranch绑定currentBranch处于watch状态，触发fetchData，触发commits变化，触发record变化遍历 record 于 commits(ajax返回数据)2. elastic-header通过vue开发的一个UI组件，拖拽svg边3. fir...
上滑加载中
推荐直播
-
2024 华为云开源开发者论坛 — 主论坛2024/12/07 周六 09:00-12:00
华为及外部讲师团
2024年12月7日，首届华为云开源开发者论坛将于上海静安香格里拉酒店举行。论坛主题为“开放创新，释放云上数字生产力”，面向生态合作伙伴、企业、个人和高校开发者。论坛将围绕当前热门的开源话题，如“开源生态前景剖析”、“开源技术解读”、“开源开发者支持与实践”等进行分享和讨论，旨在帮助开发者利用开源链接鲲鹏、昇腾根生态和华为云生态，实现高效创新和价值裂变。
回顾中 -
2024 华为云开源开发者论坛 — 云原生分论坛2024/12/07 周六 14:00-18:00
华为及外部讲师团
2024年12月7日，首届华为云开源开发者论坛将于上海静安香格里拉酒店举行。论坛主题为“开放创新，释放云上数字生产力”，面向生态合作伙伴、企业、个人和高校开发者。论坛将围绕当前热门的开源话题，如“开源生态前景剖析”、“开源技术解读”、“开源开发者支持与实践”等进行分享和讨论，旨在帮助开发者利用开源链接鲲鹏、昇腾根生态和华为云生态，实现高效创新和价值裂变。
回顾中 -
2024 华为云开源开发者论坛 — 大前端分论坛2024/12/07 周六 14:00-18:00
华为及外部讲师团
2024年12月7日，首届华为云开源开发者论坛将于上海静安香格里拉酒店举行。论坛主题为“开放创新，释放云上数字生产力”，面向生态合作伙伴、企业、个人和高校开发者。论坛将围绕当前热门的开源话题，如“开源生态前景剖析”、“开源技术解读”、“开源开发者支持与实践”等进行分享和讨论，旨在帮助开发者利用开源链接鲲鹏、昇腾根生态和华为云生态，实现高效创新和价值裂变。
回顾中
热门标签