SVG尝试

最近接到同学的一个项目,要用SVG+JS+AJAX来做一个交友的东东,挺有新意的.

说道SVG,以前自己从来没有用过,所以要先学习一下,作了一个小代码.先写下来.


<?xmlversion="1.0"encoding="iso-8859-1"?>
<!DOCTYPEsvgPUBLIC"-//W3C//DTDSVG20000802//EN""http://www.w3.org/TR/2000/CT-SVG-20000802/DTD/svg-20000802.dtd">
<svgwidth="300"height="100">
<gstyle="fill:none;stroke:black;stroke-width:3">
<linex1="0"y1="1.5"x2="300"y2="1.5"/>
<linex1="1.5"y1="0"x2="1.5"y2="100"/>
</g>
<gstyle="fill:red;stroke:none">
<rectx="0"y="0"width="3"height="3"/>
<rectx="297"y="0"width="3"height="3"/>
<rectx="0"y="97"width="3"height="3"/>
</g>
<gstyle="font-size:14;font-family:Verdana">
<textx="10"y="20">(0,0)</text>
<textx="240"y="20">(300,0)</text>
<textx="10"y="90">(0,100)</text>
</g>
</svg>
内容概要:本文介绍了ENVI Deep Learning V1.0的操作教程,重点讲解了如何利用ENVI软件进行深度学习模型的训练与应用,以实现遥感图像中特定目标(如集装箱)的自动提取。教程涵盖了从数据准备、标签图像创建、模型初始化与训练,到执行分类及结果优化的完整流程,并介绍了精度评价与通过ENVI Modeler实现一键化建模的方法。系统基于TensorFlow框架,采用ENVINet5(U-Net变体)架构,支持通过点、线、面ROI或分类图生成标签数据,适用于多/高光谱影像的单一类别特征提取。; 适合人群:具备遥感图像处理基础,熟悉ENVI软件操作,从事地理信息、测绘、环境监测等相关领域的技术人员或研究人员,尤其是希望将深度学习技术应用于遥感目标识别的初学者与实践者。; 使用场景及目标:①在遥感影像中自动识别和提取特定地物目标(如车辆、建筑、道路、集装箱等);②掌握ENVI环境下深度学习模型的训练流程与关键参数设置(如Patch Size、Epochs、Class Weight等);③通过模型调优与结果反馈提升分类精度,实现高效自动化信息提取。; 阅读建议:建议结合实际遥感项目边学边练,重点关注标签数据制作、模型参数配置与结果后处理环节,充分利用ENVI Modeler进行自动化建模与参数优化,同时注意软硬件环境(特别是NVIDIA GPU)的配置要求以保障训练效率。
05-22
### SVG 的基本概念及其在网页开发中的应用 SVG 是 Scalable Vector Graphics 的缩写,是一种基于 XML 的矢量图像格式。它允许开发者通过代码来描述复杂的二维图形,并且可以在不损失质量的情况下任意缩放[^1]。 #### 什么是 SVGSVG 是一种矢量图形文件格式,由 W3C 定义并标准化。与位图不同的是,SVG 基于数学公式绘制形状、路径和其他视觉元素,因此无论放大还是缩小都不会失真。这种特性使得 SVG 成为设计图标、图表以及响应式布局的理想选择[^2]。 #### 如何嵌入 SVG 到 HTML 中? 可以通过多种方式将 SVG 集成到网页中: - **Inline 方法**:直接将 SVG 标记嵌入 HTML 文档中。 ```html <svg width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> </svg> ``` - **`<img>` 标签**:类似于加载 PNG 或 JPEG 文件一样引入外部 SVG 文件。 ```html <img src="image.svg" alt="SVG Example"> ``` - **CSS 背景图片**:利用 CSS `background-image` 属性指定 SVG 文件作为背景。 ```css div { background-image: url('image.svg'); } ``` 每种方法都有各自的优缺点,在实际项目中可以根据需求灵活选用[^1]。 #### SVG 在网页开发中的优势 相比传统的栅格图像(如 JPG 和 PNG),使用 SVG 开发网站具有以下几个显著优点: - 更高的分辨率独立性——无论屏幕尺寸如何变化都能保持清晰度; - 较小的文件体积通常意味着更快的页面加载速度; - 支持脚本编程和动画效果制作,增强用户体验互动感; 例如,借助 D3.js 这样的库,可以轻松实现复杂的数据可视化方案[^2]。 #### 推荐的学习资源与工具 对于初学者来说,掌握基础语法之后还需要不断实践才能熟练运用这项技术。这里列举几个有助于学习和工作的辅助软件及文档链接: - Boxy SVG Editor 提供直观界面帮助快速构建简单的矢量作品[^1]; - 查阅官方规范说明获取权威指导 https://www.w3.org/TR/SVG/; - 尝试在线平台 CodePen 创建实时预览案例研究. --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值