当前标签

Canvas

Canvas元素是 HTML5 的一部分,允许动态、可编写脚本地呈现 2D 形状和位图图像。它是更新位图的低级过程模型。HTML5 Canvas还有助于制作2D游戏。 -维基百科

在用Jest测试React组件时,如何支持<canvas>元素

2021-09-23大约5分钟

用Jest做JavaScript单元测试是个不错的选择,在Jest的基础上,用 @testing-library/reac t是锦上添花的方法。 React Testing Library提供了 API,可以用这个API在 jsdom 里渲染React的组件。jsdom是一个模拟的浏览器里的JS运行时,实现了很多重要的web标准,比如DOM和HTML。但是在运行涉及到 的元素测试的时候,可能会报一...

如何用HTML5的canvas里面画图?

2021-09-22大约3分钟

在HTML里画一些简单的图的时候,有时候我们并不需要像 HighCharts 这样重量级的画图库。在HTML5的canvas里面画一些简单的图并不难。 从一个最简单的例子看起: 运行代码,可以看到我们很容易在canvas里面画了一个方框:方框的起始位置是(20, 20),宽度和高度分别是150和100。 有了这个基础,我们可以再画一个简单的柱状图(点“ 运行 ”按钮来查看运行结果): 这样,一个简...