文件名称：canvas-demo:帆布书房
文件大小：4.79MB
文件格式：ZIP
更新时间：2024-05-03 03:37:22
HTML
文档地址 1-绘制形状 2-使用样式和颜色 fillStyle = color 设置图形的填充颜色。 strokeStyle = color 设置图形轮廓的颜色。 color 可以是表示 CSS 颜色值的字符串，渐变对象或者图案对象。 默认情况下，线条和填充颜色都是黑色（CSS 颜色值 #000000）。 // 这些 fillStyle 的值均为 '橙色' ctx.fillStyle = "orange"; ctx.fillStyle = "#FFA500"; ctx.fillStyle = "rgb(255,165,0)"; ctx.fillStyle = "rgba(255,165,0,1)"; 3-绘制文本 4-使用图片 5-变形 状态的保存和恢复 Saving and restoring state 在了解变形之前，我先介绍两个在你开始绘制复杂图形时必不可少的方法。 save()
【文件预览】：
canvas-demo-main
----3-绘制文本()
--------3-textBaseline.html(814B)
--------4-预测量文本宽度.html(926B)
--------2-strokeText文本边框.html(717B)
--------1-fillText填充文本.html(715B)
----5-变形()
--------3-rotate旋转.html(1KB)
--------4-scaling缩放.html(1KB)
--------2-translate移动.html(1KB)
--------5-transforms变形.html(1KB)
--------1-save-restore.html(2KB)
----6-合成与裁剪()
--------1-globalCompositeOperation.html(13KB)
--------2-裁切路径clip.html(2KB)
----README.md(2KB)
----2-使用样式和颜色()
--------5-LineStyles-lineWidth.html(921B)
--------6-LineStyles-lineCap.html(1KB)
--------14-Canvas填充规则.html(834B)
--------3-globalAlpha.html(1KB)
--------11-渐变createRadialGradient.html(3KB)
--------7-LineStyles-lineJoin.html(1KB)
--------8-LineStyles-miterLimit.html(2KB)
--------12-图案样式Patterns.html(1KB)
--------1-fillStyle.html(1KB)
--------13-Shadows文字阴影.html(1KB)
--------10-渐变createLinearGradient.html(2KB)
--------4-rgba.html(1KB)
--------15-clip.html(863B)
--------9-LineStyles-setLineDash-lineDashOffset.html(1KB)
--------16-isPointInPath.html(1KB)
--------2-strokeStyle.html(1KB)
----4-使用图片()
--------2-平铺图像.html(1KB)
--------4-画廊ArtGalleryExample.html(4KB)
--------3-切片Slicing.html(2KB)
--------1-简单的线图.html(1KB)
----1-绘制形状()
--------6-绘制tooltip-二次贝塞尔曲线.html(1KB)
--------3-绘制笑脸.html(1KB)
--------9-Path2D对象.html(1KB)
--------4-绘制线-填充-描边三角形.html(1KB)
--------2-绘制三角形.html(950B)
--------1-绘制矩形.html(877B)
--------7-绘制心型-三次贝塞尔曲线.html(1KB)
--------8-组合绘制.html(4KB)
--------5-绘制圆弧.html(2KB)
----7-像素操作()
--------5-canvas背景透明.html(6KB)
--------girl2.jpg(33KB)
--------my.jpeg(18KB)
--------1-颜色选择器.html(2KB)
--------4-画布操作.html(6KB)
--------background.jpg(4.38MB)
--------background1500.jpg(245KB)
--------分辨率.png(22KB)
--------3-缩放-颜色选择.html(4KB)
--------girl.jpg(176KB)
--------2-缩放和反锯齿.html(2KB)
--------6-合并画布.html(12KB)
--------蒙层区域.png(23KB)