文章目录前言效果展示素材代码开发申请权限设置变量按钮设置图片展示`layoutWeight`属性讲解完整代码拓展Image组件**参数类型说明**总结声明前言各位朋友们大家好！本想再摸鱼几天，然后一看今天已经28号了，真实“锤死梦中惊坐起”啊！时间太快了，今天遍接着这篇博文简单的说一下本人今年的大体博文知识更新计划，有兴趣的朋友记得关于一下哦！鸿蒙从入门到实战软考高项知识点分享技术测评粉丝福利【送书大爆发】24年若城将从以上四个方向进行博文更新！废话不多说啦，龙年就从画一个龙来开始本年的幸福之旅吧！let’sgo!!!效果展示素材已将素材文件上传至oss服务器中，链接如下素材一素材二http:

春节快到了，因为疫情已经好久没有回老家了，今年终于可以回家过年了，我已经抑制不住自己激动的心情了。因此，我利用css3的旋转做了一个福到了的特效，而且是双旋转哦。目录1、实现思路 2、大红纸的渲染过程3、错误的福字布局 4、正确的福字布局 5、完整源代码6、真实开发工作中可能没那么复杂7、结语 1、实现思路 其实看上去并不难，首先需要一个喜庆的红色背景，做为我们贴福字的背景大红色；这个大红色的贴纸首先做到第一次旋转；但实现过程中，因为红色背景已经做过旋转，如果福字还在里面做为内部元素来布局，福字肯定会跟着旋转，那么就不好控制；所以我决定将红色纸背景和大福字拆分元素布局，单独对福字进行样式处理，

春节快到了，因为疫情已经好久没有回老家了，今年终于可以回家过年了，我已经抑制不住自己激动的心情了。因此，我利用css3的旋转做了一个福到了的特效，而且是双旋转哦。目录1、实现思路 2、大红纸的渲染过程3、错误的福字布局 4、正确的福字布局 5、完整源代码6、真实开发工作中可能没那么复杂7、结语 1、实现思路 其实看上去并不难，首先需要一个喜庆的红色背景，做为我们贴福字的背景大红色；这个大红色的贴纸首先做到第一次旋转；但实现过程中，因为红色背景已经做过旋转，如果福字还在里面做为内部元素来布局，福字肯定会跟着旋转，那么就不好控制；所以我决定将红色纸背景和大福字拆分元素布局，单独对福字进行样式处理，