精华内容
下载资源
问答
  • swiper圆角卡片式手机触屏滑动图片切换代码,一款基于swiper制作的手机图片缩放展示效果,除了手指触屏滑动切换方式,还可以点击索引按钮进行切换。
  • 引入js文件 [removed][removed] [removed][removed] ... swiper圆角卡片式手机触屏滑动图片切换代码,一款基于swiper制作的手机图片缩放展示效果,除了手指触屏滑动切换方式,还可以点击索引按钮进行切换。
  • 引入js文件 [removed][removed] [removed][removed]
  • 小猴办公小讲堂第16讲:如何用PPT制作手机三联特效图片大家好,欢迎回到小猴课堂,这节课我们介绍如何使用PPT制作手机三联特效图片我们以下面的这张图片为例来进行一下演示具体的制作方法如下:插入一张空白的...

    小猴办公小讲堂第16讲:如何用PPT制作手机三联屏特效图片

    e8a8c451532caa670ca2b8e063b8985b.png家好,欢迎回到小猴课堂,这节课我们介绍如何使用PPT制作手机三联屏特效图片065897d795a6d50485e41bed3f6eb0ff.png我们以下面的这张图片为例来进行一下演示

    443f295a590125745f6705c5c5d9eb02.png

    具体的制作方法如下:
    • 插入一张空白的幻灯片(这是老生长谈的第一步1ecbfe5855981df25df0f93a7bef930c.png),插入手机样机图片。关于样机素材的获取,我们可以直接百度搜索手机样机图片或者搜索阿里巴巴矢量图库获取相应的素材41a41331c89052a008b957ea2fda9b51.png这里我们为了方便操作,直接选取了一个三联屏的手机样机图片,当然也可以使用三个单个的手机样机图片

    • 这里,我们获取的样机图片是带背景的,老规律我们要先删除背景:选中这张图片,来到格式-删除背景,调整选区,使用标记要保留的区域和标记要删除的区域对细节进行调整,紫色的部分为删除的部分,剩余的部分为保留的部分,调整完成后点击保留更改,这样背景就被抠除啦18a0a6997f0fe9c0b6837473aaa38641.png

    • 插入一个与手机屏幕一样大的圆角矩形,再复制两个同样的圆角矩形;调整圆角矩形的位置,使它正好覆盖在手机屏幕位置,先选中样机图片,再选中圆角矩形,格式-合并形状,选择“剪除”,这样屏幕部分就被挖去了;

    • 再插入一遍刚才的三个圆角矩形,同样覆盖在屏幕的位置,插入一个事先准备好的墨迹笔刷素材,先选中圆角矩形,再选中墨迹笔刷,格式-合并形状,择“联,这样一个右一个联合的形状就制作完成了;

    • 我们插入事先准备好的剧照图片,将剧照置于底层,调整刚刚制作好的形状,将它放置在剧照合适的位置,先选中剧照再选中形状,格式-合并形状,选择“相交”,这样手机三联屏的特效图片就制作完成了

    • 将图片与屏幕进行组合,完成18a0a6997f0fe9c0b6837473aaa38641.png

    我们来看一下完整的视频讲解:

    由于视频直接插入公众号文章内会被压缩,效果不太理想,这里我们直接使用上传到视频号的小视频~

    这样电脑冲浪特效图片就制作完成啦,是不是很简单呢~这一讲,我们除了运用到了之前反复介绍的“删除背景”功能,还运用了三种布尔运算,分别是“剪除”、“联合”和“相交”f782526efb7702082a33233498766e05.png同样,抠除屏幕除了运用“剪除”以外,还可以运用删除背景等其他方法,这里我们只是抛砖引玉,微微希望大家在学习过程中更多的是掌握原理,这样才能畜类旁通,而不是简单的依葫芦画瓢e964f4fd215959a0f0b540e89031cc3e.png另外,这里需要强调的是,我们使用一般格式的png图片与矩形结合达不到我们想要的效果。因此,我们所要使用的是矢量格式的可以自由编辑图片顶点的形状,你看到的虽然是一个墨迹图片,但其实际是形状,我们来看一下下图:

    caa0fc6629840d884bc9fd7f90fec0a5.png e64653947c1c6efae6cf73011ef79e6d.png

    右图是左边的墨迹点击格式-编辑形状-编辑顶点后的效果,因此我们可以得出结论这里的墨迹是一个形状!关于如何获取可剪辑的墨迹素材,欢迎大家直接在我的公众号后台留言:墨迹,即可获取相应的墨迹笔刷素材(陈西设计之家出品)18a0a6997f0fe9c0b6837473aaa38641.png这一讲的内容和上一讲大同小异,关于布尔预算我们不再做过多赘述,大家可以直接参考上一讲的相关内容,也可以自己试着动手制作出更多创意图片。小猴办公小讲堂第15讲:如何用PPT制作电脑冲浪特效图片留言区,关于PPT的制作技巧,欢迎大家畅所欲言,说不定你能成为我的老师哦~

    喜欢我的小讲堂欢迎关注微信公众号:小猴100我们每天分享office和会计小技能,让我们每天进步一点点~

    -已入驻平台-微博:小猴10000腾讯课堂:小猴100抖音/微信视频号:小猴100关注我,每天分享会计和office小技能,让我们每天进步一点点~作者简介:                                                                                                             微微,中国注册会计师协会非职业会员,英国特许公认会计师协会(ACCA)会员,曾任职于会计师事务所及五百强跨国公司

    38e05c4eba37bb1acd57f936e308f116.png

    喜欢我请“点赞”和“在看”哦~ 

    6b38046ec3fb04e263bb488795ba80bd.gif

    同时,相关PPT课程也已经在腾讯课堂上上架了,想要了解更多PPT,以及获取PPT制作素材,欢迎大家扫码了解详情哦~笔芯~

    c3956e57e2ec254c8a4081f99411a660.png

    展开全文
  • 打开手机,我们会发现这几年的屏幕边角,不再是方方正正,而是圆角矩形。如果细心留意,会发现这个圆角矩形设计,早已体现在三个方面:第一个,设备硬件是圆角矩形的。圆润的边角,使用上更为方便安全,它免去了直角...

    e78b4a382f30a18f4dc7af943db8e477.png

    ▲ 圆角矩形设计图文 排版 / 文风这是「文説」的第176篇原创1. 为什么是圆角?打开手机,我们会发现这几年的屏幕边角,不再是方方正正,而是圆角矩形如果细心留意,会发现这个圆角矩形设计,早已体现在三个方面:第一个,设备硬件是圆角矩形的。圆润的边角,使用上更为方便安全,它免去了直角带来的磕碰危险,不用担心顶坏设备或者顶伤自己;第二个,屏幕边角是圆角矩形的。源于消费者对真全面屏的需求,既然外在已经是圆角,从外到内,屏幕做成圆角贴合,才能提高屏占比;第三个,界面和图标(主流设计风格)都是圆角矩形的。因为圆角矩形自带的观感,要比其他形状「好看」。上面三个圆角矩形设计,第一个是为了符合人体工程学,第二个是近几年中小设备(手机、平板)对于全面屏的刚需,当然设备屏幕越大(例如显示器和电视),就没必要使用圆角矩形;第三个则是一种设计风格,目前比较主流。可以说,三个圆角矩形的出现,是从外到内、从内又到外、相互相成、相得益彰的时代产物。设备硬件和屏幕边角做成圆角矩形很好理解,而用户界面和图标为何?首先,一般 UI(用户界面) 或者 ICON(图标) ,无非这几种形状:矩形、圆形、圆角矩形、多边形(三角形、星型、菱形、梯形)和不规则图形……常用并且适合用来展示信息的,一般前三种。矩形特点是方方正正、简单好用、空间利用率高;圆形特点是圆润可爱、亲切无害、兼容万物。而圆角矩形,兼并了两者特点,既方正又圆润、既清晰又和谐。所以说在观感上,它更适合拿来设计,因为它更「好看」,这里的「好看」,字面意思,美。UI 和 ICON 设计的目的,还在于传达信息。所以另一个「好看」,在于它更加符合阅读的视觉动线,读起来不费劲,容易阅读,适合阅读,用户容易读到重点。不信打开手机界面,一页图标全是圆角矩形(圆润方正)、一页全是方形(整齐严肃)、一页全是圆形(活泼可爱)、一页全是不规则图形(个性十足),哪种页面看起来更加和谐,观感上认知障碍更少?因此,圆角矩形设计,得以全面在手机端以及小型设备上铺开。这是因为它好看,又好用。3d07e74eb2cd3213da1b79bdf5d41cf5.png1980302da9c6d1e28184cc93532b3475.png3f97f8058e72c4f5ff94b75b1676c6db.png

    <<

    2. 不适用场景和注意事项?首先看圆角矩形的特点,它是在矩形基础上再倒圆角,有点麻烦而且倒走了一些边角,并且自带圆润可爱属性,因此在一些诸如控制成本需求和展示信息的设计上,不宜使用,比如说图库。矩形圆角虽然「好看」,但是它更适合用作手机界面和图标边框,而不是一切元素边框都必须首选圆角。另外,圆角矩形的半径,对于观感也有影响。倘若圆角不明显,即等于无;圆角过于大,又会太可爱(幼稚)。所以具体操作,看使用场景。同时需要注意的是,圆角矩形底下的图片,还是以方形为主,大家可以点击下面这张图看看,现在看边角是有圆角矩形的(因为加了代码效果),但点击之后单独看,边角还是直角的。所以,不管手机界面看是刘海屏、水滴屏还是挖孔屏,那只会影响观感,但不影响底部已经存在的图片,截屏时候保存的是完整图片(边角也是完整的),可以将圆角矩形理解为一个蒙版一个遮罩。这给我们的启示,设计时,一些关键文字信息和图案等等,需要考虑边角和顶部位置。a1a9b692233e2ff548fc8a707e850eb0.png3. 方圆之争?矩形和圆形,就是方圆之争。词条解释:方,是规矩、框架,是做人之本;圆,是圆融、老练,是处世之道。无方,世界没有了规矩,便无约束;无圆,世界负荷太重,将不能自理。为人处世,当方则方,该圆就圆。表现在设计上,没有说哪个形状最好,只有说这次觉得圆合适,下次觉得方合适,而现在刚好圆角矩形更合适。争论是没有尽头的,正如选择了圆角矩形,还会有圆角半径的争论,选择了灰色,还会有50°灰的选择纠结。一切设计,看市场、看客户、归根到底,看人。设计的目的,都是为了人,更好地使用产品,更好地接收信息。柏拉图在《理想国》写道:“当美的灵魂与美的外表和谐地融为一体,人们就会看到,这是世上最完善的美。”鲁迅也说:“凡是总须研究,才会明白。”(鲁迅:我真说过。)好的设计,就是好看好用,而不存在硬生生的设计感。甚至,有时候连设计的痕迹都察觉不到。当然,圆角矩形只是目前的主流设计(审美)。未来如何,等硬件有了新的形态,也不得而知。80508f65bea3cb8e37eff9c4e386df07.png

    ▲ 不同的屏幕形态,直角和圆角矩形屏幕。 摄影/文风

    - 关注我,带你学设计 -67d2f5bfc810e7109207e03136d36132.png这是「文説」的第 176 篇原创文艺设计师与您分享有趣事物和创意设计公众号:文説 | 合作微信:hellowindy123 | 转载请署名公众号名称和ID
    展开全文
  • canvas图片圆角

    2021-01-26 11:53:25
    有的手机屏幕实际分辨率的像素比页面过去的尺寸像素要大,一遍是一倍或者两倍 var getPixelRatio = function(context) { var backingStore = context.backingStorePixelRatio || context....

    获取屏幕比率

    有的手机屏幕实际分辨率的像素比页面过去的尺寸像素要大,一遍是一倍或者两倍

    var getPixelRatio = function(context) {
      var backingStore = context.backingStorePixelRatio ||
          context.webkitBackingStorePixelRatio ||
          context.mozBackingStorePixelRatio ||
          context.msBackingStorePixelRatio ||
          context.oBackingStorePixelRatio ||
          context.backingStorePixelRatio || 1;
      return (window.devicePixelRatio || 1) / backingStore;
    };
    

    初始化canvas

    var canvas = document.createElement('canvas')//画布
    var ctx = canvas.getContext("2d"); 
    var ratio = getPixelRatio(ctx); // 获取屏幕比率
    canvas.width = 750*ratio; // 设置生成图片容器的宽高
    canvas.height = 1335*ratio; 
    ctx.clearRect(0,0,canvas.width,canvas.height); // 设置背景颜色
    ctx.fillStyle = '#000000';
    ctx.fillRect(0,0,canvas.width, canvas.height);
    

    画矩形图片+圆角

    /*
         *  参数说明
         *  ctx Canvas实例
         *  img 图片地址
         *   x  x轴坐标
         *   y  y轴坐标
         *   w  宽度
         *   h  高度
         *   r  弧度大小
         */
        drawRoundRect(ctx, r, x, y, w, h, img) {
          ctx.save();
          if (w < 2 * r) r = w / 2;
          if (h < 2 * r) r = h / 2;
          ctx.beginPath();
          ctx.moveTo(x + r, y);
          ctx.arcTo(x + w, y, x + w, y + h, r);
          ctx.arcTo(x + w, y + h, x, y + h, r);
          ctx.arcTo(x, y + h, x, y, r);
          ctx.arcTo(x, y, x + w, y, r);
          ctx.closePath();
          ctx.clip();
          ctx.drawImage(img, x, y, w, h);
          ctx.restore(); // 返回上一状态
        },

    圆形头像

     /*
         *  圆角图片=>参数说明
         *  ctx Canvas实例
         *  img 图片地址
         *   x  x轴坐标
         *   y  y轴坐标
         *   r  圆形半径
         */
        circleImg(ctx, img, x, y, r) {
          ctx.save();
          var d = 2 * r;
          var cx = x + r;
          var cy = y + r;
          ctx.arc(cx, cy, r, 0, 2 * Math.PI);
          ctx.clip();
          ctx.drawImage(img, x, y, d, d);
          ctx.restore();
        },

    导出生成头像链接

    导出的数据为base64的图片链接,可以赋值到需要展示的图片上,这样就能实现图片合成的效果了

    var imgData = canvas.toDataURL()

     

    展开全文
  • canvas 画圆角矩形头像合成图片

    千次阅读 2019-02-20 15:31:53
    有的手机屏幕实际分辨率的像素比页面过去的尺寸像素要大,一遍是一倍或者两倍 var getPixelRatio = function(context) { var backingStore = context.backingStorePixelRatio || context....

    生成canvas

    获取屏幕比率

    有的手机屏幕实际分辨率的像素比页面过去的尺寸像素要大,一遍是一倍或者两倍

    var getPixelRatio = function(context) {
      var backingStore = context.backingStorePixelRatio ||
          context.webkitBackingStorePixelRatio ||
          context.mozBackingStorePixelRatio ||
          context.msBackingStorePixelRatio ||
          context.oBackingStorePixelRatio ||
          context.backingStorePixelRatio || 1;
      return (window.devicePixelRatio || 1) / backingStore;
    };
    
    初始化canvas
    var canvas = document.createElement('canvas')//画布
    var ctx = canvas.getContext("2d"); 
    var ratio = getPixelRatio(ctx); // 获取屏幕比率
    canvas.width = 750*ratio; // 设置生成图片容器的宽高
    canvas.height = 1335*ratio; 
    ctx.clearRect(0,0,canvas.width,canvas.height); // 设置背景颜色
    ctx.fillStyle = '#000000';
    ctx.fillRect(0,0,canvas.width, canvas.height);
    
    画圆形头像方法
    function drawRound (ctx,r,x,y,img) {
    	ctx.save() // 保存之前的
    	var r = r // 半径*屏幕分辨率比例
    	var d = 2*r // 直径
    	var cx = x + r // 圆弧坐标x
    	var cy = y + r // 圆弧坐标 y
    	ctx.arc(cx, cy, r ,0, 2*Math.PI)
    	ctx.clip() // 裁剪
    	ctx.drawImage(img, x, y, d, d) // 画头像
    	ctx.restore() // 返回上一状态
    }
    
    画圆角矩形头像方法
    function drawRoundRect (ctx,r,x,y,w,h,img) {
    	ctx.save()
    	if (w < 2 * r) r = w / 2
        if (h < 2 * r) r = h / 2
        ctx.beginPath()
        ctx.moveTo(x+r, y)
        ctx.arcTo(x+w, y, x+w, y+h, r)
        ctx.arcTo(x+w, y+h, x, y+h, r)
        ctx.arcTo(x, y+h, x, y, r)
        ctx.arcTo(x, y, x+w, y, r)
        ctx.closePath();
        ctx.clip()
        ctx.drawImage(img, x, y, w, h)
    	ctx.restore() // 返回上一状态
    }
    
    画背景图
    var bg = new Image()
    bg.crossOrigin = "*"; // 设置图片跨域问题
    bg.src = 'img/bg.jpg'
    bg.onload = function() { 
    	ctx.drawImage(bg, 0, 0, bg.width, bg.height, 0, 0, canvas.width, canvas.height);
    	// 画完背景图后,画头像
    	var head = new Image()
        head.crossOrigin = "*"
        head.src = 'img/head.jpg'
        head.onload = function() {
        	//画头像,这里画矩形图
        	var r = 10*ratio
            var x = 325*ratio
            var y = 500*ratio
            var w = 100*ratio
            var h = 100*ratio
            drawRoundRect(ctx,r,x,y,w,h,head)
        }
    }
    

    正方形圆角,如下图

    圆形头像,如下图

    导出生成头像链接

    导出的数据为base64的图片链接,可以赋值到需要展示的图片上,这样就能实现图片合成的效果了

     var imgData = canvas.toDataURL()
    

    完整代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
      <style>
      	body{
      		margin: 0;
      		padding: 0;
      	}
      	.container{
      		width: 375px;
      		height: 667px;
      	}
      	.container img{
      		width: 100%;
      		height: 100%;
      	}
      </style>
    </head>
    <body>
      <div class="container">
      	<img id="result" src="" alt="">
      </div>
      <script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></script>
      <script>
      	$(function(){
      		var getPixelRatio = function(context) {
    		  var backingStore = context.backingStorePixelRatio ||
    		      context.webkitBackingStorePixelRatio ||
    		      context.mozBackingStorePixelRatio ||
    		      context.msBackingStorePixelRatio ||
    		      context.oBackingStorePixelRatio ||
    		      context.backingStorePixelRatio || 1;
    		  return (window.devicePixelRatio || 1) / backingStore;
    		}
    		var canvas = document.createElement('canvas')//画布
    		var ctx = canvas.getContext("2d"); 
    		var ratio = getPixelRatio(ctx); // 获取屏幕比率
    		canvas.width = 750*ratio; // 设置生成图片容器的宽高
    		canvas.height = 1335*ratio; 
    		ctx.clearRect(0,0,canvas.width,canvas.height); // 设置背景颜色
    		ctx.fillStyle = '#000000';
    		ctx.fillRect(0,0,canvas.width, canvas.height);
    
    		function drawRound (ctx,r,x,y,img) {
    			ctx.save() // 保存之前的
    			var r = r // 半径*屏幕分辨率比例
    			var d = 2*r // 直径
    			var cx = x + r // 圆弧坐标x
    			var cy = y + r // 圆弧坐标 y
    			ctx.arc(cx, cy, r ,0, 2*Math.PI)
    			ctx.clip() // 裁剪
    			ctx.drawImage(img, x, y, d, d) // 画头像
    			ctx.restore() // 返回上一状态
    		}
    		function drawRoundRect (ctx,r,x,y,w,h,img) {
    			ctx.save()
    			if (w < 2 * r) r = w / 2
    		    if (h < 2 * r) r = h / 2
    		    ctx.beginPath()
    		    ctx.moveTo(x+r, y)
    		    ctx.arcTo(x+w, y, x+w, y+h, r)
    		    ctx.arcTo(x+w, y+h, x, y+h, r)
    		    ctx.arcTo(x, y+h, x, y, r)
    		    ctx.arcTo(x, y, x+w, y, r)
    		    ctx.closePath();
    		    ctx.clip()
    		    ctx.drawImage(img, x, y, w, h)
    			ctx.restore() // 返回上一状态
    		}
    
    		var bg = new Image()
    		bg.crossOrigin = "*"; // 设置图片跨域问题
    		bg.src = 'img/J-bg.jpg'
    		bg.onload = function() { 
    			ctx.drawImage(bg, 0, 0, bg.width, bg.height, 0, 0, canvas.width, canvas.height);
    			// 画完背景图后,画头像
    			var head = new Image()
    		    head.crossOrigin = "*"
    		    head.src = 'img/head.jpg'
    		    head.onload = function() {
    		    	//画头像,这里画矩形图
    		    	var r = 100*ratio
    		        var x = 325*ratio
    		        var y = 500*ratio
    		        var w = 100*ratio
    		        var h = 100*ratio
    		        drawRoundRect(ctx,r,x,y,w,h,head)
    		        var imgData = canvas.toDataURL()
    		        $('#result').attr('src', imgData)
    		    }
    		}
      	})
      </script>
    </body>
    </html>
    
    
    展开全文
  • 正常情况下,我们做头像的圆角的问题,常用的有两种方案ClipRRect以及设置Container的borderRadius属性,虽然这两种方法解决了很大一部分屏幕下的圆角图片问题,但是在遇到屏幕分辨率较小的手机时,这两个都会出现...
  • 点9图片入门

    2017-03-14 17:10:02
     点9图片的应用 :解决图片在不同手机或者横竖的时候图片本身经过拉伸 或者内容显示时候变形的问题 (2) 从中我们也可以理解为什么叫“点九PNG”,其实相当于把一张png图分成了9个部分(九宫格),分别为...
  • 今天,有外媒曝光了一份主题为“小米MIX 2020”的专利设计图,从图片来看,该样机的外观设计与此前的小米MIX系列手机有很大不同。如上图,可以看到小米MIX 2020(样机名称)正面既没有采用异形,也没有打孔镜头,...
  • 点九图片应用场景:(以Button图片背景为例)有时候手机在横竖切换的时候Button会等比例缩放,从而导致按钮边缘的圆角会缩放,显得不好看,这时候利用安卓SDK自带的点九工具就可以制作.9.phg后缀名的图片。...
  • 效果如下图:依次是5s,6,6plus,无需考虑6plus上横 功能要点有下面几个: 背景是黑色半透明,并屏蔽除按钮外的其他触摸操作; 在不同屏幕的手机上,弹窗大小/按钮大小等比例缩放; 当图片宽高比大于1时,弹窗高度变小,...
  • 答案当然是肯定的,下面我来简单分享一下具体操作步骤:添加两个圆角矩形分别作为机身和阴影,添加一个直角角矩形作为触摸并设置内阴影以达到逼真效果,通过合并形状来绘制机身零部件,同样通过合并形状来添加折纸...
  • SwissArmyKnife调试Android UI的工具

    千次阅读 2016-12-12 17:42:53
    可以直接在android手机屏幕上显示当前Activity中所有控件(不管是否隐藏)的边界,内外边距大小,每一个控件大小,图片大小,字体颜色,大小,以及自定义信息。同时可以直接在屏幕上取色,另外还提供了直尺(单位为...
  • 控制图片在查看模式下的圆角 示例 edge Number 桌面|移动 控制图片在查看模式下距离屏幕边缘的距离 示例 生命周期 配置项 类型 默认值 描述 示例 onBrowsing func (browsing)=>{} 生命周期方法, ...
  • 150个js特效焦点图幻灯片效果打包下载,js特效打包,资源打包,焦点图 内含: 韩国购物网flash产品推荐 ...五Flash圆角图片切换效果 魔时网Flash5切换焦点图 9切换竖焦点图代码 腾讯手机频道六屏焦点图 等等
  • Java 手机/PDA 程序设计入门 ·1· 目 录 Java 手机·2· /PDA 程序设计入门 3.1 本章目的.......................................................................................................................
  • Java 手机/PDA 程序设计入门 ·1· 目 录 Java 手机·2· /PDA 程序设计入门 3.1 本章目的.......................................................................................................................
  • android屏幕适配_

    2013-08-16 22:35:00
    在做android UI开发的时候,在从手机页面设计人员那边拿到的图片,我们开发人员要保证在android手机上各个屏幕都按设计人员设计的图片比例来绘制ui,由于android屏幕的多样化,常常令很多android开发人员头疼。...
  • 目 录 第1章 J2ME概论.............................................................................................................................3 1.1 本章目的.......................................
  • uni-app开发记录一

    2019-04-25 18:51:58
    1、swiper轮播图圆角滑动会...text标签嵌套image,浏览器上图片正常,手机上是不能正在显示的。 3、设置背景颜色渐变,高度自适应,最小高度全屏解决方案 min-height: 100vh; display: flex; flex-direction: col...
  • 可以直接在android手机屏幕上显示当前Activity中所有控件(不管是否隐藏)的边界,内外边距大小,每一个控件大小,图片大小,字体颜色,大小,以及自定义信息。同时可以直接在屏幕上取色,另外还提供了直尺(单位为...
  • 关于”点九”

    2021-03-04 06:22:05
    “点九”是andriod平台的应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png智能手机中有自动横的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,...
  • ios logo 启动页大小

    2019-05-29 01:50:13
    当前xcode版本 logo 官方logo尺寸说明 从上到下依次是: 40px 60px 58px 87px 80px 120px 120px 180px ...再选择下要支持的手机系统(这里只勾选竖) 再上传启动页图片到 各个坑里面去 官方启动页...
  • 智能开关开发进展

    2014-07-27 10:35:00
    外壳也基本确定,上几个外壳图片,矩形外壳看上去没有圆角的好看,可是安装方便,添�小孩防触电功能,是个非常好的功能; 兴许继续产品最后的开发扫尾与測试,远程server如今已经能支持,如今正在寻找一种可行的...

空空如也

空空如也

1 2 3
收藏数 48
精华内容 19
关键字:

圆角屏手机图片