- 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...
上滑加载中
推荐直播
-
OpenHarmony应用开发之网络数据请求与数据解析2025/01/16 周四 19:00-20:30
华为开发者布道师、南京师范大学泰州学院副教授，硕士研究生导师，开放原子教育银牌认证讲师
科技浪潮中，鸿蒙生态强势崛起，OpenHarmony开启智能终端无限可能。当下，其原生应用开发适配潜力巨大，终端设备已广泛融入生活各场景，从家居到办公、穿戴至车载。 现在，机会敲门！我们的直播聚焦OpenHarmony关键的网络数据请求与解析，抛开晦涩理论，用真实案例带你掌握数据访问接口，轻松应对复杂网络请求、精准解析Json与Xml数据。参与直播，为开发鸿蒙App夯实基础，抢占科技新高地，别错过！
回顾中 -
Ascend C高层API设计原理与实现系列2025/01/17 周五 15:30-17:00
Ascend C 技术专家
以LayerNorm算子开发为例，讲解开箱即用的Ascend C高层API
回顾中
热门标签