美丽的草原我的家

马黑黑

马黑黑

测试，暂不发布源码。感兴趣的朋友可通过查看网页代码获取。敬请理解。

南无月

我这台电脑显示正常，循环走动正常，小播转动正常。。音乐播放正常。。
只有视频断续播放。。
不知道等会换台电脑怎么样。

南无月

顺手截了一张图，小播视频和背景都写在画布上
更加先进的画布啦。。

南无月

只是小播和图片设置代码跟以往不同，需要结合画布熟悉

马黑黑

南无月 发表于 2024-3-28 18:07
我这台电脑显示正常，循环走动正常，小播转动正常。。音乐播放正常。。
只有视频断续播放。。
不知道等会 ...

没有多大的变化，主要是都用画布做出来，图片加了一个检测机制以获取图片的实际宽度（有了宽度和绘制源才能开始运行，尤其对体积较大的图片很麻烦，没缓存完的话是不行的）。另外画布里的旋转图形，不想CSS旋转元素那么简单，需要计算图形中心在画布上的点坐标，移位、旋转再移位会去然后才绘制图形。还有就是划分一个圆形的区域给播放器背景，画源是视频，这个用到画布的clip，电脑上的浏览器没问题，不知道手机的能不能显示视频背景。

红影

美丽开阔的大草原，令人心旷神怡

红影

黑黑一直在探索新的代码设计呢，很赞

绿叶清舟

俺这里都正常了

绿叶清舟

这个图片可以这么宽的啊

大猫咪

哎呀 黑黑  没看见

牧羊姑娘放声唱，愉快的歌声满天涯，，，

是不是猫网络太慢

南无月

马黑黑 发表于 2024-3-28 18:32
没有多大的变化，主要是都用画布做出来，图片加了一个检测机制以获取图片的实际宽度（有了宽度和绘制源才 ...

function call(img) {
                iw = img.width;
                mState();
        };
这句是自动检测宽度么。。
这样可以不用管实际宽度是多少，直接设自己需要的画布大小就行了。。
画布高度还是要跟图片实际高度一致的吧。。

南无月

马黑黑 发表于 2024-3-28 18:32
没有多大的变化，主要是都用画布做出来，图片加了一个检测机制以获取图片的实际宽度（有了宽度和绘制源才 ...

这个图片旋转想到指针的转动，每转一次都画一次，好象真的很复杂。。厉害。。
还有视频的处理，居然还要划分专门区域给视频..
感觉这个跟贴的话没那么容易。。

梦油

美丽的大草原太美了。

南无月

继续反馈：
论坛和网站这个贴子用电脑手机显示都一切正常。。。
视频流畅，背景动态流畅，小播转动流畅。。。

马黑黑

南无月 发表于 2024-3-28 21:38
继续反馈：
论坛和网站这个贴子用电脑手机显示都一切正常。。。
视频流畅，背景动态流畅，小播转动流畅。 ...

手机上不敢说百分百，毕竟手机浏览器对w3c标准的遵循能力或态度有关

马黑黑

南无月 发表于 2024-3-28 21:21
这个图片旋转想到指针的转动，每转一次都画一次，好象真的很复杂。。厉害。。
还有视频的处理，居然还要 ...

除非是画一个单一的静态的图形，否则，都是擦了画画了擦，就像上节课和下节课课代表要做的事情一样

马黑黑

南无月 发表于 2024-3-28 21:16
function call(img) {
                iw = img.width;
                mState();

是的，这个模块固定高度与图片实际高度一样

亦是金

显示正常，背景开阔美丽，欣赏收藏了！

马黑黑

亦是金 发表于 2024-3-29 10:21
显示正常，背景开阔美丽，欣赏收藏了！

感谢支持