[[soc]]

场景说明

作为开发人员拿到高保真圆形之后,有时我们惊奇的发现,设计师有个灵感显现(特别不规则的形状、特别复杂的样式),遇到这里我们应该怎么办那??? 就比如下面的图片:

Canvas

Canvas 是一个非常非常重要的 Api, 他可以做的事情有很多,可以绘制文字、图片、颜色、形状、线条等等并且还可以添加滤镜、特效等等.还可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面.真是程序开发必备神器呀.😄 Canvas Api 是一个非常复杂的 Api, 暴露给开发者的接口也是非常的丰富,所以我们会用几篇文章和视频来一起看一下 Canvas 的使用,也希望可以由远及近,由易到难 一起帮助大家掌握 Canvas Api 的使用方法.

浏览器支持说明

事例

var bc = new BroadcastChannel("test_local_channel");
bc.onmessage = function (msg) {
  alert(msg.data);
};
bc.onmessageerror = function (err) {
  alert(err);
};

实战演练(视频)

实战的部分我通过录屏讲解的方式发布到了 抖音 上,大家可以去关注我一下哦. 😄 👉 传送门