blender svg
blender+pt工作流
pt（之前是substance painter）是一个专业的3d纹理绘制贴图软件，该软件提供了大量的画笔与材质，还具有智能选材功能，还可以进行次世代PBR贴图制作，非常实用。使用它能够大大的提高我们的工作效率。材质效果导入blender，更是大大的提高工作效率和质量。 首先打开blender选择物体 ......
Dwg转SVG
1.DWG to SVG API: The API for converting AutoCAD drawings to SVG vector images - ConvertAPI 1.ConvertApi async static Task Main(string[] args) { strin ......
支持热重载的svg生成iconfont字体图标插件
【转】https://www.jianshu.com/p/909c9bd34e39 前言 之前生成iconfont字体图标，是用的https://icomoon.io/app/ 或者是阿里的https://www.iconfont.cn/ ，将UI给的svg图导入来生成。但是一直有个问题，假如需要再 ......
blender 纹理坐标 生成vs物体
建议看视频：https://www.bilibili.com/video/BV1HA411r7om 生成：物体边界范围的左下角为原点，按世界坐标算距离 物体：将物体原点做原点，按世界坐标算距离 UV：按UV尺度算距离 反射：光线从摄像头中心射出，射到物体面上反射，若反射后的光线朝向z轴则为蓝色，y轴 ......
vue3引入使用svg图标
vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //vue.config.js import { fileURLToPath, URL } from 'n ......
【秀米教程7】SVG点击展开推文，手机横屏下拉效果动画
效果展示 效果展示：点击图片展开推文内容 效果图 操作步骤 点击【图文模板】 - 【SVG】 - 在左边选择自己想要的下拉效果 点击下拉效果图的边框 - 点击【编辑】 显示内容：显示当前编辑下的内容，但不能编辑 点击【转场设置】 ①解释说明：【转场设置】下方有“转场淡出(0.5秒)+展开(13秒)” ......
【秀米教程7】SVG点击图片，横屏下拉效果动画
原文链接：https://www.cnblogs.com/MrFlySand/p/17930117.html 效果展示 效果展示：点击图片展开推文内容 效果图 操作步骤 点击【图文模板】 - 【SVG】 - 在左边选择自己想要的下拉效果 点击下拉效果图的边框 - 点击【编辑】 显示内容：显示当前编辑 ......
SVG动画
一、下载SVG 网站：https://undraw.co/ 点击“browse now” 点击“search” 点击第一个 点击“Download SVG for your projects” 对代码进行格式化 将代码拷贝到vs code中，用快捷键“Shift+Alt+F”进行格式化，格式化之后如 ......
改变上传的svg颜色并生成新的svg文件,再上传或者更新至服务器上
最近有个需求,就是把上传的svg改颜色,并生成新的svg图片上传值服务器上 <!DOCTYPE html> <html> <head> <title>上传svg并修改颜色得到新的svg文件</title> <style> #svgContainer{ padding: 50px; display: ......
WPF使用SVG
<Window.Resources> <Geometry x:Key="Icon-Close">M512.725333 85.12c235.392 0 426.538667 191.146667 426.538667 426.581333s-191.146667 426.581333-426.538 ......
史上最全SVG开源项目
史上最全SVG开源项目 徐大大 中文 关注 3 人赞同了该文章 SVG（Scalable Vector Graphics）是一种矢量图形格式，它提供了一种可以在网络上高效描述矢量图形的方法，其标准最初由W3C制定，于1999年发布SVG规范1.0版本。 在HTML5之前，SVG只能作为插件运行在浏 ......
svg 绘制旗帜
效果： const drawFlag = () => { const viewBox = 1024; const poleHeight = 1000; const poleWidth = 60; const poleX = 10; const poleY = 10; const x = poleX ......
动态绘制svg
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
SVG工具相关
1. svg在线压缩合并工具 SVG在线压缩合并工具 » 张鑫旭-鑫空间-鑫生活 (zhangxinxu.com) 2. svg-sprites还原工具 SVG Sprites还原工具，内置Font Awesome小图标 » 张鑫旭-鑫空间-鑫生活 (zhangxinxu.com) 3.svg在线编 ......
SVG图标
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> ......
Snap.svg — JavaScript 矢量图形库
一个名为 Snap.svg 的小而有效的 JavaScript 实用程序允许您在 Web 上操作 SVG（可缩放矢量图形）对象并为其设置动画。对于想要构建流畅的交互式视觉效果的 Web 开发人员来说，Snap.svg 是一个不错的选择。它使处理 SVG 变得更加简单，并为开发具有视觉吸引力的在线应用 ......
blender光投影和全息投影效果
光投影 光投影需在Cycles渲染器下使用 有两种方式：图片贴图投影和纹理贴图投影 * 图片贴图投影 1.新建灯光调整好大小位置以便更好地投影在物体上，使用节点。 2.在着色编辑器面板连接好节点加光影贴图进去，映射位置需要调整一下到合适的位置，就大致完成了，接下来可以调整一下能量（亮度太低会显示不出 ......
使用auto rig pro在blender中实现动捕数据重定向
场景需求： 光学动捕数据为bvh格式（fbx的待测） 原fbx包含模型和骨骼，但不含动画数据 目标是将动画数据重定向到模型上 两种方式： 一种是保留模型骨骼，生成控制器。然后重定向 另一种是删除模型骨骼，重建与动画骨骼类型的骨骼 可能还有第三种，即使先修剪编辑模型骨骼，使之与动画骨骼类似 重定向具体 ......
svg transform总结
1. svg的transform和dom的不同，旋转中心不是默认自身，而是画布左上角 2. svg要以自身为中心旋转，可以使用rotate(angle [x y]), 比css的rotate(angel)多了x,y两个参数，x,y分别设置为svg图形的中心点坐标即可 3. 线性变换 translat ......
svg+css实现带灰色背景的loading加载动画组件
<template> <svg class="load" viewBox="25 25 50 50" :style="{ width: loadWidth, height: loadWidth }" > <circle class="loading_bg" cx="50" cy="50" r="20 ......
什么是前端开发中的 SVG Sprites 技术
SVG Sprites 在前端 Web UI 渲染中的应用 在前端Web应用开发中，图标的使用是非常常见的需求，而SVG（可缩放矢量图形）是一种灵活而强大的图形格式，常被用于在Web界面中呈现图标。SVG提供了可伸缩性、可定制性和清晰度，但当页面上包含大量图标时，每个图标都作为单独的HTTP请求加载 ......
blender摄像机沿曲线环绕物体运动
1.新建曲线，把曲线放在调整好的摄像机上。 2.给摄像机添加约束-跟随路径 3.目标选择刚刚建的曲线，会发现摄像机跑很远。 4.在物体属性里，把位置旋转归零。现在发现摄像机不是对着物体的。 5.再给摄像机添加一个标准跟随。 6.标准跟随的目标选择物体，如果选中物体后的效果不好可以通过新建空物体来当围 ......
Blender 使用笔记
Blender 使用笔记 使用blender软件是在不适用任何类型的插件的情况下的笔记，主要是记录使用blender进行建模的操作，详情可以参考Blender的软件的用户手册： https://docs.blender.org/manual/zh-hans/2.93/ 基础介绍 如何创建一个模型？ ......
SVG实现七政四余排盘
演示地址 https://www.zhoulegeyi.com/table/qizheng.htm 1 $x=250; 2 $y=250; 3 $html=''; 4 $html.=' 5 <circle cx="'.$x.'" cy="'.$y.'" r="90" fill="#fff" stro ......
blender布线优化
在雕刻模式下选中滑动松弛（拓补）笔刷进行使用：该笔刷将网格的拓扑滑移到细节更多的区域，同时尽可能少地改变网格的集合形状。 当按下 Shift 键时，该笔刷进入平滑模式 该模式下笔刷将在不改变网格的体积的情况下使四边面的分布更平均。 编辑模式下按A全选点然后按M选择按距离合并点 该方法适用于想要合并重 ......
image 标签svg图片修改颜色
例子 ：使用filter的drop-shadow属性 <img src="/static/images/test.svg"> img{ position: relative; left: -1000px; filter: drop-shadow(#ffffff 1000px 0); } 参考drop ......
一种基于瞎试的svg去水印方法
今天用某画图软件绘制电路图，结果导出时发现必须要VIP才能去水印，不过可以导出 svg 图片，鉴于 svg 可编辑，因此我在其基础上删掉水印代码即可。 看了一会发现，水印并不是明文嵌入的，而是作为图像转化为 svg，那么有如下思考： 导出的 svg 文件应该是先进行正常图形的绘制，然后绘制水印，因此 ......
如何使用ImageMagick将SVG转换为PNG？
内容来自 DOC https://q.houxu6.top/?s=如何使用ImageMagick将SVG转换为PNG？ 我有一个尺寸为16x16的SVG文件。当我使用ImageMagick的convert程序将其转换为PNG时，结果得到了一个16x16像素的PNG，这个尺寸太小了： convert ......
快速下载网页中的SVG矢量图标文件
浏览器打开后按下F12，右侧调出开发者工具，点击如下图所示三个点，再选择copy - copy element，也就是把整个标签中的代码复制。 ......
python操作svg
在Python中，您可以使用不同的库来操作SVG文件。 一种流行的选择是使用xml.etree.ElementTree来解析和操作SVG文件。 以下是一个简单的示例，演示如何使用Python解析和操作SVG文件： import xml.etree.ElementTree as ET # 读取SVG文 ......