- 本文使用 vue3.js提供的 option-api方式实现 环境 $ node -v v16.14.0 $ pnpm -v 7.4.1 12345 安装依赖 pnpm i -D vite-pl... 本文使用 vue3.js提供的 option-api方式实现 环境 $ node -v v16.14.0 $ pnpm -v 7.4.1 12345 安装依赖 pnpm i -D vite-pl...
- Openlayers 矢量图层是在地图上展示数据，允许实时与数据交互，用户可以上传数据通过空间数据文件，如KML、GeoJSON文件，用户不仅可以在地图上展示自己的数据，还可以指定数据的外观。 一、Vector Layer的特点 在栅格图片里，你所能看到就是你所能得到的信息，在你的地图上添加卫星图片能够看到很多的建筑物，但是建筑物... Openlayers 矢量图层是在地图上展示数据，允许实时与数据交互，用户可以上传数据通过空间数据文件，如KML、GeoJSON文件，用户不仅可以在地图上展示自己的数据，还可以指定数据的外观。 一、Vector Layer的特点 在栅格图片里，你所能看到就是你所能得到的信息，在你的地图上添加卫星图片能够看到很多的建筑物，但是建筑物...
- vue@2 使用 svg-icon：webpack + svg-sprite-loader 项目结构 $ tree -I node_modules . ├── README.md ├── packag... vue@2 使用 svg-icon：webpack + svg-sprite-loader 项目结构 $ tree -I node_modules . ├── README.md ├── packag...
- 目录 1. canvas 简介 2. canvas 标签介绍 3. canvas 上下文 Context 4. 案例：在 canvas 画布中绘制表格 5. canvas 的 beginPath 状态 6. 绘制矩形 rect 7. 绘制圆形 arc 8. 案例：根据一组数据绘制饼状图 1. canvas 简介 &... 目录 1. canvas 简介 2. canvas 标签介绍 3. canvas 上下文 Context 4. 案例：在 canvas 画布中绘制表格 5. canvas 的 beginPath 状态 6. 绘制矩形 rect 7. 绘制圆形 arc 8. 案例：根据一组数据绘制饼状图 1. canvas 简介 &...
- 这里教的是一个反爬措施。 我先举个例子。猫眼电影这个就属于font-face拼凑式。 这篇文章我从0开始演示如何制作及应用字符集映射进行数据保护反爬虫！ web-font是CSS3中的一种标记 @f... 这里教的是一个反爬措施。 我先举个例子。猫眼电影这个就属于font-face拼凑式。 这篇文章我从0开始演示如何制作及应用字符集映射进行数据保护反爬虫！ web-font是CSS3中的一种标记 @f...
- SVG,是一种可缩放矢量图形,一种XML应用.可以以一种简洁,可移植的形式表示图形信息. 计算机中描述图形信息的二大系统是栅格图形和矢量图形,在栅格图形系统中,图像被表示为图片元素或者像素的长方形数组,每个像素用其RGB颜色值或者颜色表内的索引表示,这一系列像素也称为位图. 在矢量图形系统中,图像被描述为一系列几何形状,矢量图形阅读器接... SVG,是一种可缩放矢量图形,一种XML应用.可以以一种简洁,可移植的形式表示图形信息. 计算机中描述图形信息的二大系统是栅格图形和矢量图形,在栅格图形系统中,图像被表示为图片元素或者像素的长方形数组,每个像素用其RGB颜色值或者颜色表内的索引表示,这一系列像素也称为位图. 在矢量图形系统中,图像被描述为一系列几何形状,矢量图形阅读器接...
- 趁记忆还热乎 赶紧过来记录一下自己踩坑的记录 现有的项目是从另一个项目移植过来的, 并不是完全移植 为了减小项目的体积 前端组长将一些暂时用不到的组件 node包都剔除了 这也就引出了一下的问题 今天调试菜单图标的时候 发现项目中菜单的图片渲染用到的是icon... 趁记忆还热乎 赶紧过来记录一下自己踩坑的记录 现有的项目是从另一个项目移植过来的, 并不是完全移植 为了减小项目的体积 前端组长将一些暂时用不到的组件 node包都剔除了 这也就引出了一下的问题 今天调试菜单图标的时候 发现项目中菜单的图片渲染用到的是icon...
- 将svg文件内容转义之后 加上前缀data:image/svg+xml;utf8, 来装载 .el-icon-arrow-down::before { content: url("data:im... 将svg文件内容转义之后 加上前缀data:image/svg+xml;utf8, 来装载 .el-icon-arrow-down::before { content: url("data:im...
- 缩放区域使用的 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...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签