背景图 | 易学教程

uniapp学习笔记

阅读更多关于 uniapp学习笔记

1. 跨端兼容在 C 语言中，通过 #ifdef 、 #ifndef 的方式，为 windows 、 mac 等不同 os 编译不同的代码。 uni-app 参考这个思路，为 uni-app 提供了条件编译手段，在一个工程里优雅的完成了平台个性化实现。条件编译条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。 #ifdef ： if defined 仅在某平台存在 #ifndef ： if not defined 除了某平台均存在 %PLATFORM% ：平台名称 %PLATFORM% 可取值如下：值平台参考文档 APP-PLUS 5+App HTML5+ 规范 APP-PLUS-NVUE 5+App nvue Weex 规范 H5 H5 MP-WEIXIN 微信小程序微信小程序 MP-ALIPAY 支付宝小程序支付宝小程序 MP-BAIDU 百度小程序百度小程序 MP-TOUTIAO 头条小程序头条小程序写到这里，我进入 HTML5+ 规范的官网的时候，发现了自己觉得有意思的东西，那就是这个规范貌似就是中国产业联盟为使用 JS 前端语言来调用 Android 底层功能编写制定的标准。在官网底部我找到了这句话：

如何自定义苹果cmsv10后台登录背景图

阅读更多关于如何自定义苹果cmsv10后台登录背景图

相信很多人都忽略了苹果cms的后台登陆背景图可以更换的，不仅可以更换成自己上传的背景图片，还有很多漂亮的背景图供我们选择。具体设置看教程吧！ 1，系统后台--应用--应用市场---点击启用 2，点击配置后我们可以对3种模式进行设置，固定模式需要上传自己准备好的一张背景图片；每次随机和每日切换无需上传选中即可。记得保存。 3，设置后的效果，还不错哈。声明：除特殊声明外本站文档均由作者原创，转载请注明出处，链接地址： https://www.mytheme.cn/article/270.html 来源： CSDN 作者： mytheme.cn 链接： https://blog.csdn.net/wanyizhilu/article/details/103948392

css实现背景图拉伸

阅读更多关于 css实现背景图拉伸

制作页面时，有时需要在表格内插入背景图,我们可以使用CSS进行控制，代码： style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;" 其中，./images/counter_bg.jpg为显示图片路径。如果现在需要实现背景图随表格拉伸而不重复的拉伸填充，如何实现？制作方法：建立表格，并在<table>中插入CSS的一种滤镜，代码： style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale')" 不过此方法仅支持Ie，并且在ie6中还存在一个问题，就是背景上方的超链接等元素会失效，暂时未找到好的解决方案。如果谁找到了，请留言。另外，如果需要其他更复杂的效果，建议用层来实现了，利用层的z-index属性，来实现，几乎是无所不能啊。例子：使用层实现的flash背景 <div style="position:relative"> <EMBED style="position:absolute;z-index:0" src="http://www.68design.net/art

利用PS制作旋转水晶球gif图

阅读更多关于利用PS制作旋转水晶球gif图

起因临近考试复习数学心态大崩。就弄了一个别的放松一下。我是借鉴的 PS制作漂亮的旋转水晶球gif动画教程制作的。不过我用到PS版本是Photoshop CC 2018，有一些细节与文中不同。记录一下制作步骤，以后用到的话回来拿。哈哈哈哈成品效果第一次做，做的不是特别成功，有些卡顿，奇奇怪怪的，不过大体流程是这样的。制作步骤将图片在 Photoshop 中打开选中背景图，使用 Ctrl + j 快捷键，创建两个图层。为了方便后续图层操作，我们先将背景图隐藏。选择移动工具。分别选择两个背景图后，按住 Shift 键，将两个图层移动到左右两侧。（注意：选中图层后再按住 Shift ，不然可能会遇到同时移动两个图层等问题）选择矩形选框工具，在图层1的边界处，选择一块矩形区域，并进行羽化（羽化值可以自己确定），之后按住 Del/Delete 键删除，删除后图层1边界羽化完成。将矩形区域移动到图层1拷贝处，重复操作。 ① 选择矩形选框工具 ② 选择图层 1边界的一块矩形区域后，右键选择羽化。 ③ 完成②后，点击 Del/Delete 删除矩形区域，完成图层1羽化。 ④ 点击图层 1 拷贝，然后将矩形区域移动到图层 1 拷贝的边界 ⑤ 点键盘 Del/Delete 删除。 ⑥ 右键选择区域，选择取消选择。按住 Shift 调整两个图层位置，让中间部分重合后

egret微信小游戏屏幕适配showAll效果

阅读更多关于 egret微信小游戏屏幕适配showAll效果

微信小游戏目前是不支持showAll的，默认会改为fixedWidth。那么，我们可以在代码里面自己实现showAll的效果，大致想法是： 1.在舞台添加一个子窗口并计算其缩放程度及居中坐标，以后其他场景都以它为基础去添加； 2.为了不出现黑边，可以加一张背景图拉伸到满屏。废话不多说，先上代码：直接写在主类的createGameScene()方法中： //获取实际窗口（屏幕）尺寸。 let w=this.stage.stageWidth; let h=this.stage.stageHeight; //添加背景图。 let bg:eui.Image=new eui.Image(RES.getRes('bg_jpg')); this.addChild(bg); //把背景图拉伸到满屏。 bg.width=w; bg.height=h; //声明水平和垂直的居中偏移，以及高度或宽度的缩放值。 let xoffset=0; let yoffset=0; let scale0=0; //计算居中偏移及缩放值。这里，设计时的宽高为640*1136。 if(w/h>640/1136){ //屏幕比640*1136扁（或称为短）： scale0=h/1136; xoffset=(w-640*scale0)/2; }else{ //屏幕比640*1136长或相同： scale0=w/640;

css背景

阅读更多关于 css背景

CSS 背景(background) CSS 可以添加背景颜色和背景图片，以及来进行图片设置。 background-color 背景颜色 background-image 背景图片地址 background-repeat 是否平铺 background-position 背景位置 background-attachment 背景固定还是滚动背景的合写（复合属性） background:背景颜色背景图片地址背景平铺背景滚动背景位置背景图片(image) 语法： background-image : none | url (url) 参数： none : 　无背景图（默认的） url : 　使用绝对或相对地址指定背景图像 background-image 属性允许指定一个图片展示在背景中（只有CSS3才可以多背景）可以和 background-color 连用。如果图片不重复地话，图片覆盖不到地地方都会被背景色填充。如果有背景图片平铺，则会覆盖背景颜色。小技巧：我们提倡背景图片后面的地址，url不要加引号。背景平铺（repeat）语法： background-repeat : repeat | no-repeat | repeat-x | repeat-y 参数： repeat : 　背景图像在纵向和横向上平铺（默认的） no-repeat :

手把手教你WEB套打程序开发

阅读更多关于手把手教你WEB套打程序开发

WEB套打可选方案不多，理想的更少，利用免费控件Lodop+JavaScript实现精确套打，算是较为经典的选择。这种方案其实比较简单，利用一个 htm 文件就可以实现模板设计过程，几乎是“空手套”式的开发，但理解这几个步骤还是需要点时间，下面一步步详细演示说明：第一步：建立一个空白的模板设计文件把以下超文本代码复制到一个本地htm文件中： <html> <body> <object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0></object> <script language="javascript" type="text/javascript"> function CreatePrintPage() { LODOP.PRINT_INIT("套打EMS的模板"); }; </script> 进入<a href="javascript:;" onclick="javascript:CreatePrintPage();LODOP.PRINT_DESIGN();">模板设计</a><br><br> 进入<a href="javascript:;" onclick="javascript:CreatePrintPage();LODOP.PREVIEW();"

伤不起的微信小程序

阅读更多关于伤不起的微信小程序

前段时间不是很忙，刚好公司需要开发一个微信小程序，于是我就入坑了（此坑还是有点深滴，请备好干粮）。我是一名iOS开发工程师，个人觉得入门开发小程序的话，需要基本的web前端知识，比如说：代码的书写格式，规范，标签以及样式的使用等，但作为一门如此新的开发语言，它也有自己的独特之处，就像我们的swift，融合了万家语言于一体，学好它就可以敲遍天下无敌手了（程序猿的毛病又犯了。。。）。它的外表看起来有点像传统的web开发，但它实质的开发思想又和我们的oc很像，比如它的 app.js、app.json、app.wxss 这三个全局文件的作用，还有数据绑定的开发模式。下面就说说自己的入坑经历吧，希望对大家有点点帮助。先说一些大家上手小程序时都会问到的问题： Q：小程序可以和现有的App 打通吗？ A：小程序可以借助微信联合登录，和开发者已有的App 后台的用户数据进行打通，但不会支持小程序和App 直接的跳转。 Q：微信已经有了订阅号、服务号、企业号，小程序和这三者有什么不同？ A：小程序、订阅号、服务号、企业号是并行的体系。 Q：小程序可以个人开发吗？ A：小程序允许个人开发，只是个人开发是不能发布的，并且想在真机上看到的话，在创建小程序时就得填上你申请好的appid。 Q：小程序需要付费吗？ A：个人是不需要的，公司的需要一个被认证过的微信服务号，不需再付额外的费用

CSS3新增特性详解（一）

阅读更多关于 CSS3新增特性详解（一）

注：由于CSS3的新特性较多，所以分两篇博文来说明。第一篇主要包括新的选择器、文字及块阴影、多背景图、颜色渐变、圆角等。第二篇主要细说CSS3的各种动画效果，如：旋转、移动、缩放等，还包括图标字体的应用。 CSS3属性选择器： a[href$=‘.pdf’] 表示 href属性中以.pdf结尾的被选中 a[href^=‘mailto’] 表示href属性中以mailto开头的被选中 a[href*=‘item’] 表示href属性中含有item的都被选中其中a只是指代元素标签现有三个div，他们的属性name的值各不同：样式如下：加入选择器：效果：再加入一属性选择器: 效果：选择器的用法相信大家已经比较熟练了，这里也比较简单就不再赘述了。这种属性选择器比较多用在 href 属性中，通过载入文件名的不同后缀名来做出相应的选择，如：.jpg .png .gif等等。 CSS3伪类选择器: 现有一表格如下：加入伪类选择器： :nth-of-type 可以通过参数来选择表格的奇数行或偶数行， odd 代表奇数行， even 代表偶数行。效果： :nth-child 伪类，同样是用来选择行。参数为 n 时选中所有行，参数为 n+i 时表示从第 i 行开始下面的都被选中， 2n 表示 2 的倍数行被选中，即偶数行， 3n 表示 3 的倍数行被选中。效果： n+i: 2n:

web前端-基础篇

阅读更多关于 web前端-基础篇

该篇仅是本人学习前端时，做的备忘笔记：一、背景图片设置：　　设置背景图时的css代码：background-image:url(图片的url路径); 　　ps：设置好这个背景后请一定要设置该背景图片的大小和该背景图片的显示区域，css样式设置如下： e.g. background-size:36px 36px; width:18px;height:18px; 　　不设置的话，出现的情况就是只有该内容区域有内容时，才会出现背景图片；　　背景图片的平铺css样式： background-repeat:repeat/no-repeat/repeat-x/repeat-y; 　　背景图片的定位:background-position:　　　　　　取值 1.x y 以px为单位的数字，定义 x轴和y轴的位置　　　　2.x% y% 　　　　　3.x 或者 x%,不写y ，默认 y为50% 　　　　4.关键字 x：left/center/right y:top/center/bottom 　　背景图片的固定　　　　background-attachment: 　　　　取值： 1.scroll 默认值，背景图定位以容器为准　　　　背景图会随着页面滚动条滚动而变化　　　　2. fixed 固定，背景图定位以 body为准　　　　页面的滚动条，滚动

订阅背景图