要在画布(canvas)上绘图,需要取得绘图上下文,调用getContext()方法并传入上下文的名字,传入"2d"就可以取得2D上下文对象
var drawing = document.getElementById('drawing')
if (drawing.getContext) {
var ctx = drawing.getContext('2d')
}
2025年03月19日
要在画布(canvas)上绘图,需要取得绘图上下文,调用getContext()方法并传入上下文的名字,传入"2d"就可以取得2D上下文对象
var drawing = document.getElementById('drawing')
if (drawing.getContext) {
var ctx = drawing.getContext('2d')
}
2024年10月19日
说到 CSS 颜色,相比大家都不会陌生,本文是我个人对 CSS 颜色体系的一个系统总结与学习,分享给大家。
先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。
接下来的行文内容大概会按照这个顺序进行,内容十分基础,可选择性跳到相应内容处阅读。
嗯,色彩关键字很好理解。它表示一个具体的颜色值,且它不区分大小写。譬如这样 color:red
的 red 即是一个色彩关键字。
2024年10月19日
哈喽大家好,我是作者“未来”,本期分享的内容是Web前端系列课程,本系列总共29个阶段,坚持学习3个月蜕变为Web前端高手哦!
志同道合的小伙伴跟我一起学习交流哦!
图片是有诸多优点的,但是缺点很明显,比如图片不但增加了总文件的大小,还增加了很多额外的"http请求",这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”,因为图片放大和缩小会失真。我们后面会学习移动端响应式,很多情况下希望我们的图标是可以缩放的。此时,一个非常重要的技术出现了,额不是出现了,是以前就有,是被从新"宠幸"啦。。。这就是字体图标( iconfont)
2024年10月19日
1.什么是CSS?
2024年10月19日
使用CSS3实现某元素的投影效果,有两种方案,第一个就是使用常见的box-shadow, 另外一个就是CSS3的filter阴影滤镜drop-shadow,那这两个阴影实现有什么具体的差异呢?
一、兼容性
CSS3 box-shadow从IE9浏览器开始就支持了,兼容性如下截图:
而filter中的drop-shadowIE13才开始支持,移动端Android4.4才开始支持。兼容性如下图:
二、同样的参数值,表现效果有差异
2024年10月19日
在欧洲 Linux 基金会的管理下,Servo 网页引擎(Servo Web Engine)在 Igalia 和其他开发者的不断贡献下,今年继续保持着旺盛的生命力。参与其中的开源开发人员仍在忙于使这个由 Rust 编写的网页布局引擎进入良好状态,以便为其他软件提供嵌入式友好解决方案。
Servo 项目今天发布了 2024 年 3 月的月度状态更新,重点介绍了过去一个月的所有进展。对于这个前 Mozilla 软件项目来说,3 月份的一些亮点包括:
- 在整个网络平台测试套件中,Servo 已经超越了传统的布局引擎。
2024年10月19日
首先它是一个通用的类 css 框架,它内置了很多方便使用的 class,比如 text-center,pt-4,rotate-90,通过使用这些内置的样式,你可以非常快速地构建出一个网站的雏形。
2024年10月19日
使用CSS3,你可以为文本和元素添加阴影。
表中的数字指定完全支持该属性的第一个浏览器版本。
数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。
属性 | Chrome | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|