简看 Canvas 源码,突发奇想

本文作者在研究Canvas的源码时,发现前端与iOS底层使用了相同的渲染机制,使得js与C++能互相调用。通过分析save和restore的实现,作者提出利用平台的渲染能力构建桥接(bridge),实现跨端业务逻辑复用的设想,如创建通用文档阅读器。同时,作者分享了其Canvas学习资源链接。
摘要由CSDN通过智能技术生成

最近都在和 Canvas 打交道,前端使用 Canvas 的方式真的太简单了,你简单调用几个 API 就能够给你绘制你想要的内容,比如文本、图片、视频。但是有些 API 摸不准会不会影响性能,对于某些 API 实现比较好奇,比如 save 和 restore 这两个 API 内部做了哪些事。

好奇之下,决定看一看 Canvas 绘制的源码。因为我写的文章比较多(330+ 篇),文章都会有一些关联。关于浏览器的源码,自然而然想到了 webkit,前面写过浏览器原理相关的文章 精心推荐一些浏览器工作原理的资料看完这本书,前端技术更进一步

webkit 的源码(https://github.com/WebKit/WebKit)可以在 GitHub 上找到,其中 Canvas 的源码在 WebCore 下的 html 目录下。

0135d5c424fd4f6b7a679a8afc4a330f.png

比如我们想看 restore 这个方法的实现,可以用 Xcode 打开源码:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值