零基础html学习-完结
教程管理员 发布于2023-09-30 14:22 HTML教程 133
简介:
零基础html学习
一、SVG绘制文本
<text></text>
属性:
x:文本位置的横坐标
y:文本位置的纵坐标
font-size:文本的大小
text-anchor:文本对齐方式(start、middle、end)
transform:变换
transform="rotate(旋转角度 旋转中心点坐标)" 默认坐标(0,0)
在一个元素中,文本和字体属性以及当前的文本位置可以通过包含一个元素用绝对坐标值或相对坐标值进行调整。
给文本添加链接
<svg xmlns="http://www.w3.org/2000/svg"> <a xlink:href='' target=" "> <text> </text> </a> </svg>
二、绘制路径
:应用路径可以绘制任意形状的图形。
d:绘制路径的命令
M(move to):定义绘制图形的起点坐标。
d="M150 0"
l(line to):用来绘制一条直线。
d="M150 0 l75 200" //起点(150,0) 结束(75,200)
命令大写表示绝对定位(相对于屏幕坐标原点的位置)
小写表示相对定位(相对于上一个绘制的点)
把多个绘图元素包裹起来。
三、svg描写
<path stroke stroke-width stroke-linecap stroke-dasharray>
stroke:笔画属性
stroke-width:笔画宽度属性
stroke-linecap:笔画笔帽属性。
值:square方形笔帽 round圆形笔帽 butt没有线帽
stroke-dasharray:虚线笔画属性。
相关推荐
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 10-04 浏览器加载和渲染html的顺序,Div和Table的区别
- 10-04 《HTML5完美游戏开发》——2.6 Processing.js实例和整合
- 10-04 如何关闭Struts2的webconsole.html
- 10-04 《HTML5 开发实例大全》——1.4 使用CSS修饰HTML 5页面
- 10-04 《HTML5游戏编程核心技术与实战》——2.8 小结
- 10-04 腾讯视频生成的Html代码
- 10-04 ie下tbody的innerhtml属性只读
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-