WebKit之Canvas的源码初步分析1

最新推荐文章于 2019-07-05 05:18:21 发布

sauphy

最新推荐文章于 2019-07-05 05:18:21 发布

阅读量472

点赞数

分类专栏： WebKit

本文链接：https://blog.csdn.net/sauphy/article/details/50279729

版权

本文初步探讨了WebKit中HTMLCanvasElement的实现，包括构造函数、渲染对象创建、CanvasObserver的使用、渲染上下文获取及绘制逻辑。通过分析源码，展示了如何与图形上下文交互并触发绘画事件。

摘要由CSDN通过智能技术生成

●HTMLCanvasElement.idl
[
    JSGenerateToNativeObject
] interface HTMLCanvasElement : HTMLElement {
    attribute long width;
    attribute long height;

    [Custom, RaisesException] DOMString toDataURL([TreatNullAs=NullString, 
                                                  TreatUndefinedAs=NullString,
                                                  Default=Undefined] optional DOMString type);

#if !defined(LANGUAGE_CPP) || !LANGUAGE_CPP
#if !defined(LANGUAGE_OBJECTIVE_C) || !LANGUAGE_OBJECTIVE_C
    // The custom binding is needed to handle context creation attributes.
    [Custom] any getContext([Default=Undefined] optional DOMString contextId);
    [Custom] any supportsContext([Default=Undefined] optional DOMString contextId);
#endif
#endif

};

●Html5中canvas标签的应用
<canvas id="myCanvas">test</canvas>
<script>
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContex