|
|

楼主 |
发表于 2024-5-10 12:09
|
显示全部楼层
代码
- <canvas id="canv" width="800" height="200"></canvas>
- <script>
- const text = '天高幾許問真龍';
- const skip = 4;
- const ctx = canv.getContext('2d');
- ctx.fillStyle = 'cyan';
- ctx.textAlign = 'center';
- ctx.textBaseline = 'middle';
- ctx.font = 'bold 100px sans-serif';
- ctx.fillText(text, canv.width / 2, canv.height / 2);
- ctx.fill();
- let cData = ctx.getImageData(0, 0, canv.width, canv.height);
- let data = cData.data;
- /* 粒子阴影
- ctx.shadowOffsetX = skip > 4 ? -skip * 2/3 : -1;
- ctx.shadowOffsetY = skip > 4 ? -skip * 2/3 : -1;
- ctx.shadowBlur = skip * 2/3;
- ctx.shadowColor = 'black';
- */
- for (var y = 0; y < canv.height; y += skip) {
- for (var x = 0; x < canv.width; x += skip) {
- var opt = (x + y * canv.width) * 4 + 3;
- if (data[opt] > 0) {
- ctx.fillStyle = `#${Math.random().toString(16).substr(-6)}`;
- ctx.fillRect(x, y, skip - 1, skip - 1);
- }
- }
- }
- </script>
复制代码
|
评分
-
| 参与人数 2 | 威望 +80 |
金钱 +160 |
经验 +80 |
收起
理由
|
南无月
| + 30 |
+ 60 |
+ 30 |
很给力! |
红影
| + 50 |
+ 100 |
+ 50 |
赞一个! |
查看全部评分
|