![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
canvas基本使用
熙哥_tito
这个作者很懒,什么都没留下…
展开
-
canvas_9_合成
2: source-in 仅仅会出现新图像与原来图像重叠的部分,其他区域都变成透明的。3: source-out 仅仅显示新图像与老图像没有重叠的部分,其余部分全部透明。7: destination-out 仅仅老图像与新图像没有重叠的部分。注意显示的是老图像的部分区域。8: destination-atop 老图像仅仅仅仅显示重叠部分,新图像会显示在老图像的下面。6: destination-in 仅仅新老图像重叠部分的老图像被显示,其他区域全部透明。老图像仍然可以显示。原创 2023-06-02 12:56:37 · 41 阅读 · 0 评论 -
canvas_10_裁剪路径
canvas__裁剪路径原创 2023-06-02 12:58:15 · 63 阅读 · 0 评论 -
canvas_8_变形
translate(x, y) 用来移动 canvas 的原点到指定的位置rotate(angle) 旋转坐标轴 它是顺时针方向的,以弧度为单位的值。scale(x, y) 对形状,位图进行缩小或者放大。 值比 1.0 小表示缩 小,比 1.0 大则表示放大,值为 1.0 时什么效果都没有。原创 2023-06-02 12:54:54 · 36 阅读 · 0 评论 -
canvas_7_状态保存和恢复
save 和 restore 方法是用来保存和恢复 canvas 状态的,都没有参数。原创 2023-06-02 12:51:32 · 101 阅读 · 0 评论 -
canvas_6_绘制图片
drawImage(imageResource, dx, dy, dWidth, dHeight)原创 2023-06-02 12:49:21 · 30 阅读 · 0 评论 -
canvas_5_绘制文本
canvas_5_绘制文本绘制文本的两种方式:ctx.fillText(text, x, y , maxWidth)ctx.strokeText(text, x, y , maxWidth)原创 2023-06-02 12:43:46 · 101 阅读 · 0 评论 -
canvas_4_样式与颜色
【代码】canvas_4_样式与颜色。原创 2023-06-02 12:38:27 · 33 阅读 · 0 评论 -
canvas_3_绘制弧形
【代码】canvas_3_绘制弧形。原创 2023-06-02 12:37:49 · 125 阅读 · 1 评论 -
canvas_2_绘制路径
【代码】canvas_2_绘制路径。原创 2023-06-02 12:36:12 · 38 阅读 · 0 评论 -
canvas_1_绘制两个矩形
【代码】canvas_绘制两个矩形。原创 2023-06-02 11:35:23 · 303 阅读 · 0 评论