文章 2024-06-07 来自:开发者社区

基于SVG的web页面图形绘制API介绍

一:什么是SVG SVG是1999由W3C发布的2D图形描述语言,纯基于XML格式的标记语言,SVG的 全称是可扩展的矢量图形跟传统的Raster方式的图形(JPG, PNG, GIF等)有很大的差 别。SVG是2D图形开发平台,包括两个部分,一个是基于XML语言的数据描述,另 外一部分是可编程的API,其关键特性支持图形,...

基于SVG的web页面图形绘制API介绍
文章 2023-04-13 来自:开发者社区

解决IIS Web部署 svg/woff/woff2字体找不到问题

最近项目中用到了fontawesome-webfont.svg等字体。部署项目后,发现没有<,+等符号,字体也不对,发现浏览器总是报找不到woff、woff2字体的错误。原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可。1、打开IIS界面,如下图、找到MIME类型。点击MiME类型,点击添加即可。添加上下面三种格式即可。文件扩展名....

解决IIS Web部署 svg/woff/woff2字体找不到问题
文章 2022-02-16 来自:开发者社区

基于SVG的web页面图形绘制API介绍

一:什么是SVG SVG是1999由W3C发布的2D图形描述语言,纯基于XML格式的标记语言,SVG的 全称是可扩展的矢量图形跟传统的Raster方式的图形(JPG, PNG, GIF等)有很大的差 别。SVG是2D图形开发平台,包括两个部分,一个是基于XML语言的数据描述,另 外一部分是可编程的API,其关键特性支持图形,文本,梯度填充,画笔风格,图形 特效滤镜如高斯模糊,会在稍后的代码中演示....

文章 2018-11-12 来自:开发者社区

解决Web部署 svg/woff/woff2字体 404错误

问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间。 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可。 如果你是虚拟主机,请提交工单或者看看主机控制面板里有没有添加MIME类型。 解决方法 1、打开服务器IIS管理器,找....

文章 2017-12-31 来自:开发者社区

【Web动画】SVG 线条动画入门

通常我们说的 Web 动画,包含了三大类。 CSS3 动画 javascript 动画(canvas) html 动画(SVG) 个人认为 3 种动画各有优劣,实际应用中根据掌握情况作出取舍,本文讨论的是我认为 SVG 中在实际项目中非常有应用价值 SVG 线条动画。   举个栗子 SVG 线条动画,在一些特定的场合下可以解决使用 CSS 无法完成的动画。尤...

【Web动画】SVG 线条动画入门
文章 2017-12-31 来自:开发者社区

【Web动画】SVG 实现复杂线条动画

在上一篇文章中,我们初步实现了一些利用基本图形就能完成的线条动画: 【Web动画】SVG 线条动画入门 当然,事物都是朝着熵增焓减的方向发展的,复杂线条也肯定比有序线条要多。 很多时候,我们无法人工去画出一些十分复杂动画的线条,这个时候,就要借助前端好帮手 PS 和 AI,而本文就是介绍如何导出复杂的 SVG 路径。: 好了,假定我们现在要制作下图 GIF 这样的一个 loading 图: ...

【Web动画】SVG 实现复杂线条动画
文章 2017-12-10 来自:开发者社区

开发者应该关注的五项Web新兴技术:WebGL和SVG名列其中

最近一位HTML5专家Rich Clark(作者的好朋友)为大家做了一个HTML5 APIs的简介,在文章中为大家指向了一个令人迷惑的网页(web平台:浏览器技术http://platform.html5.org/),其中包含两个很长的专栏和小正文并提及到一些让人感到迷茫的技术,例如“window.crypto.getRandomValues”和“DOM Mutation observer”。 ....

文章 2017-10-12 来自:开发者社区

[IE]微软发布IE9预览版- 建议Web开发者开始研究SVG

今天的MIX 2010 会议上,IE9 发布平台预览版(IE9 Platform Preview) , 官方下载: http://ie.microsoft.com/testdrive/  (下载链接在网页右上角)。 这个预览版主要展示IE9 的几个特性: 1. 速度 IE9 中将使用完全重写的Javascript引擎,代号“Chakra” 。该新引擎带来大幅度性能提升...

[IE]微软发布IE9预览版- 建议Web开发者开始研究SVG
文章 2017-09-04 来自:开发者社区

解决Web部署 svg/woff/woff2字体 404错误

问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间。 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可。 解决方法 1、打开服务器IIS管理器,找到MIME类型。 2、添加MIME类型 添加三条:   文件扩展名&...

解决Web部署 svg/woff/woff2字体 404错误
文章 2016-11-29 来自:开发者社区

开源一个WEB版本GEF,基于SVG的网页流程图框架

8月开始断断续续的制作这个web gef,没有任何依赖,完全原生js开发,目前已经完成了雏形,基本上可以在项目里应用了。   下图展示的是demo1的效果,包括拖拽,生成连线,点击生成\取消墙体,整个demo开发时间60分钟不到。     下图展示的是demo2效果,这是个流程图,功能更多一些,包括虚影拖拽,选择框,连线路由等等。     gith...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"高效防护 web 应用","productDescription":"随着网络技术的不断发展,您的Web应用如果没有流量入口的防护,会面临诸多风险。本方案以ECS实例接入WAF为例,推荐您使用Web应用防火墙(WAF)开启应用防护,避免网站服务器被恶意入侵导致性能异常等问题,保障网站的业务安全和数据安全。同时,为您节约开发成本,满足行业合规要求。","productContentLink":"https://www.aliyun.com/solution/tech-solution/web-protection","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/web-protection"},"productButton2":{"productButtonText":"一键部署","productButtonLink":"https://help.aliyun.com/document_detail/2714251.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"云防火墙企业多账号统一管理","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/umomaicf","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock","activityPromotionInfoBlock":[]}}

阿里UC研发效能

分享研发效能领域相关优秀实践,技术分享,产品信息

+关注