clippath mask svg

SVG、Canvas、WebGL对比

SVG 使用XML描述2D图形 SVG中的元素和HTML元素一样,在输出图形前需要经过浏览器引擎的解析、布局计算和生成DOM树(SVG 元素太多时非常消耗性能),可以添加事件 SVG 对象的属性发生变化,浏览器自动重现图形 SVG绘制矢量图形,不依赖于终端设备的像素,可以随意放大缩小不会失真 适合场 ......
Canvas WebGL SVG

前端切图之svg图标的复用基于defs和use 亲测有用

切图网长期致力于web前端开发外包服务,而我们也关注到现在图标很多时候采用svg更多一点,然后图标字体文件已经提供了很多种类的图标,不过采用svg图标可以自行选择更符合、更好看的图标,相比于字体图标更加多样性,而且svg图标加载更快,而当svg的图标被多次使用的时候,我们需要一种类似于变量的定义,然 ......
前端 图标 有用 defs svg

[Echarts] SVG元素交互(Select)

1.下载官网示例,修改并设置SVG文件 ( $.get('需要加载的SVG路径', function (svg) { ... }); ). <!-- 此示例下载自 https://echarts.apache.org/examples/zh/editor.html?c=geo-seatmap-fli ......
元素 Echarts Select SVG

通用图像分割任务- 使用 Mask2Former 和 OneFormer

本文介绍两个领先的图像分割神经网络模型: Mask2Former 和 OneFormer。相关模型已经在 🤗 Transformers 提供。🤗 Transformers 是一个开源库,提供了很多便捷的先进模型。在本文中,你也会学到各种图像分割任务的不同之处。 图像分割 图像分割任务旨在鉴别区分 ......
Mask2Former OneFormer 图像 任务 2Former

一文详解如何在基于webpack5的react项目中使用svg

本文主要讨论基于webpack5+TypeScript的React项目(cra、craco底层本质都是使用webpack,所以同理)在2023年的今天是如何在项目中使用svg资源的。 首先,假定您已经完成基于webpack5+TypeScript的React项目的搭建工作(如果您不太清楚搭建的背景, ......
webpack5 webpack 项目 react svg

Safari浏览器对SVG中的<foreignObject>标签支持不友好,渲染容易错位

在 svg 中需要写一个 markdown 编辑器,需要用到 <foreignObject> 绘制来html,编辑器选择了 simplemde。大致html部分结构如下,<markdown-editor> 组件为定制封装好的 simplemde 编辑器。 <template> <svg> <g> < ......
foreignObject 浏览器 标签 Safari SVG

二阶段目标检测网络-Mask RCNN 详解

Mask RCNN 是作者 Kaiming He 于 2018 年发表的论文。Mask RCNN 继承自 Faster RCNN 主要有三个改进: 1,feature map 的提取采用了 FPN 的多尺度特征网络 2,ROI Pooling 改进为 ROI Align 3,在 RPN 后面,增加了... ......
阶段 目标 网络 Mask RCNN
共157篇  :6/6页 首页上一页6下一页尾页