tzMaker.e svgsonsRot() 指令演示
<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.e.css';
.pa { --bg: url('https://638183.freep.cn/638183/t24/w6/schlepp.webp') no-repeat center/cover; }
.gg { will-change: transform; animation: rotate 8s linear infinite var(--state); }
</style>
<div class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.e.js';
const tz = TZ.TZ('pa');
tz.add('audio', '', '', {
src: 'https://music.163.com/song/media/outer/url?id=26694241'
});
tz.add('svg','isvg','', {
width: 150,
height: 150,
viewBox: '0 0 100 100',
style: 'bottom: 20px'
});
tz.svgsonsRot(5, 'isvg', 'path', {
d: 'M50 50 C10 -12, 90 -12, 50 50',
fill: 'lightgreen',
stroke: 'darkgreen',
'stroke-width': 2
}).playmp3();
tz.fs().style('right: 30px; bottom: 20px');
</script>
前一篇: tzMaker.b 文档
下一篇: tzMaker初级教程
发表评论:
评论列表 [1条]
#1 | 小希 于 2025-10-22 08:41 发布: 代码越来越简洁，这个幸运草的小播清清爽爽
