开发者社区> 问答> 正文

在HTML中使用svg标签绘制去可伸缩的矢量图有什么好处吗?

已解决

在HTML中使用svg标签绘制去可伸缩的矢量图有什么好处吗?

展开
收起
每天一个小bug 2022-08-12 07:55:20 534 0
1 条回答
写回答
取消 提交回答
  • 推荐回答

    矢量图绘制的多边形只需要定义多边形图形的几个点的坐标,之后再定义画的边框的线颜色,实线还是空心。最大的好处就是在放大之后十分平滑不会出现锯齿状的情况。 eg:

    <svg xmlns="http://www.w3.org/2000/svg"version="1.1" height="190">
    
    <polygon points="100,1040,180190,60 10,60160,180"
    style="fill: red;stroke:blue;stroke-width:3;fill-rule:evenodd;"/>
    </svg>
    
    2022-08-12 08:16:19
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
技术图谱:由专家组参与技术图谱的绘制与编写,知识与实践的结合让开发者们掌握学习路线与逻辑,快速提升技能 电子书:电子书由阿里内外专家打造,供开发者们下载学习,更与课程相结合,使用户更易理解掌握课程内容 训练营:学习训练营 深入浅出,专家授课,带领开发者们快速上云 精品课程:汇集知识碎片,解决技术难题,体系化学习场景,深入浅出,易于理解 技能自测:提供免费测试,摸底自查 体验实验室:学完即练,云资源免费使用
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载