马黑黑 发表于 2024-3-24 17:57
怕被虫子吃？
不怕呀。。因为虫子喝醉了起不来{:4_170:}
马黑黑 发表于 2024-3-23 22:11
没啥的吧
很有啥的了
绿叶清舟 发表于 2024-3-24 20:02
很有啥的了
啥也不是个啥事
南无月 发表于 2024-3-24 19:57
不怕呀。。因为虫子喝醉了起不来
额，安全
南无月 发表于 2024-3-24 19:54
好吧，时分秒就是同姓。。但不同名
它们都姓指
马黑黑 发表于 2024-3-24 20:29
额，安全
安全第一。。
马黑黑 发表于 2024-3-24 20:30
它们都姓指
指令。
马黑黑 发表于 2024-3-24 20:26
啥也不是个啥事
现在老年痴呆了啦
绿叶清舟 发表于 2024-3-24 20:51
现在老年痴呆了啦
多吃鱼
南无月 发表于 2024-3-24 20:36
指令。
{:4_172:}
南无月 发表于 2024-3-24 20:36
安全第一。。
生产第二
马黑黑 发表于 2024-3-24 21:26
多吃鱼
消化赶不上呆的速度啊
马黑黑 发表于 2024-3-23 18:09
实际上你应该理解为图层。画布就是一个。
画时钟，用一个图层，这个图层移位和旋转了坐标系；分针、秒 ...
这三个图层有个共同需求，就是ctx.translate(150,150);
其他的都是各自设置的。
这一节课程，学到了新理念，把画布的坐标系的变化封装起来，就可以让有相同操作的绘画变得简洁。比如这里的三个矩形都需要移动到中心，只是各自颜色大小设置不同，就可以封装了，即使有10个20个，都可以在封装下被这样简单操作了，真好{:4_199:}
“将其变为平面正交坐标系即卡迪尔坐标系（国内翻译成笛卡尔坐标系）”
这个还是第一次知道呢，习惯了叫它笛卡尔坐标系，不知地它实际应该叫卡迪尔呢{:4_187:}
正好翻页了，我来试试弄几个同心小棍并移动一下不放在中心
<style>
.wrap { margin: 20px auto 0; text-align: center; }
#canv { border: 1px solid gray; }
</style>
<div class="wrap">
<canvas id="canv" width="300" height="300"></canvas>
</div>
<script>
let ctx = canv.getContext('2d');
let draw_rect = (x, y, w, h, rad, color) => {
ctx.save();
ctx.fillStyle = color;
ctx.translate(100,100);
ctx.rotate(rad);
ctx.fillRect(x,y,w,h);
ctx.restore();
};
draw_rect(0, -3, 80, 6, 0, 'lightblue');
draw_rect(0, -3, 80, 6, 1.0472, 'lightblue');
draw_rect(0, -3, 80, 6, 2.0944, 'lightblue');
draw_rect(0, -3, 80, 6, 3.1416, 'lightblue');
draw_rect(0, -3, 80, 6, 4.1888, 'lightblue');
draw_rect(0, -3, 80, 6, 5.2360, 'lightblue');
</script>
嗯，这堂课弄明白了，开心{:4_177:}
红影 发表于 2024-3-24 23:31
“将其变为平面正交坐标系即卡迪尔坐标系（国内翻译成笛卡尔坐标系）”
这个还是第一次知道呢，习惯了叫 ...
笛卡尔坐标系英文名称叫 Cartesian coordinates，源于拉丁。怎么翻译没关系，知道坐标系的原理就行
红影 发表于 2024-3-24 23:49
嗯，这堂课弄明白了，开心
脑子活络一试就能明白