精华内容
下载资源
问答
  • 常用画布尺寸
    千次阅读
    2021-07-09 15:36:16

    摘要
    在 Cocos Creator 中,cocos creator横屏竖屏如何适配,设计尺寸多大合理。

    “设计分辨率”
    在制作一款游戏时,会按照一定的分辨率进行游戏开发,这个分辨率叫做“设计分辨率”。比如,在开发前设计人员会根据当前最流行的设备分辨率提前定义好,我们这款游戏最理想的宽和高(如:1080×1920)。

    “设备分辨率”
    当游戏上线后,玩家的手机可能各种品牌,各种型号,而手机的分辨率是各种各样的,这个分辨率叫做“设备分辨率”。比如vivo的2340×1080、iOS的960×640、768×1024等等。当我们开发的1080×1920分辨率的游戏在这些各种各样的设备上运行时,结果就是千奇百怪的——有的设备上可能显示不全,有的设备上只能在设备上一部分展示,其余部分可能出现黑边。

    因此,这就需要我们在做游戏开发时,考虑到我们的游戏在各种设备上运行时要怎么布局显示,也就是适配分辨率的过程。

    环境
    cocos Creator 引擎2.4.3
    编辑工具HBuild X

    如图:目前市场上主流手机宽高比例基本为1:1.78和1:2.17
    在这里插入图片描述

    因此:建议竖屏设计尺寸为宽750高1334或宽720高1280,横屏设计尺寸反过来。
    在cocos 中
    原则:横屏游戏选FitHeight,竖屏游戏选FitWidth

    适配方案

    横屏
    在这里插入图片描述
    竖屏
    在这里插入图片描述

    同时,画布内的所有节点通过Widget组件进行相对布局即可

    结语:
    欢迎加入微信群一起学习讨论!
    在这里插入图片描述

    更多相关内容
  • 当下sketch是个潮流软件,比较轻量。...今天带大家一起来学习,在sketch里怎么设置常用画板尺寸并保存,下次再用刀自己的常用画板就不需要新建啦,嘿嘿,听着有没有点感觉便捷~Step1:打开sketc...

    当下sketch是个潮流软件,比较轻量。有它的优点也有它的缺点。不过谁让我们是个做设计的呢,可以不主用,但为了时代潮流,潮流软件还是得去了解的。所以跟我来轻量积累学习起来吧,日积月累,总有一天相信此刻正在看教程的你也会成为sketch大神。

    今天带大家一起来学习,在sketch里怎么设置常用画板尺寸并保存,下次再用刀自己的常用画板就不需要新建啦,嘿嘿,听着有没有点感觉便捷~

    Step1:打开sketch。

    打开sketch这个软件界面,如下图。

    89f27ddf73d58705883eda7c9f67b6ec.png

    01

    Step2:在英文输入法下,按字母A。

    按字母A在sketch里是调出新建画板的快捷键,而此时鼠标状态会变为一个“+”的符号。如下图。

    05482360d04ad0e13a1749e48da988cc.png

    02

    Step3:在touchpad上三指(或者按住鼠标左键不松手)从左向右画一个矩形。

    此时在中间可以看到我们此时随意拉的一个画板,最左侧是画板的名称,可以更改。而最右侧是画板的属性数值设置。如下图。

    fa20b93d030a96af20adb389baac72e7.png

    03

    Step4:在最右侧画板属性那里输入自己常用的画板数值。

    在这里我实例设置我现在工作里常用的画板尺寸示意一下。宽1920px,高720px。如下图。

    3ec752903730ce40fce89c18099dba9c.png

    04

    Step5:保存设置设置好的画板尺寸。

    点击最右侧属性栏“自定义”按钮。如下图。

    1b15837c555e009a5955a49c57abcecf.png

    05

    点击弹出的新建画板尺寸按钮。如下图。

    b61218bc09e2f54fba39c4d98bdc83d0.png

    06

    给它取一个工作常用项目名字。如下图。

    dad9de79e5f4d631378e62bb568ea390.png

    07

    点击保存后,之前未命名的画板现在就有了名字。如下图。

    ff4dea3ccc52af60aa67c72ecf72e3c7.png

    08

    再在英文状态下按字母A,这时我们就可以不需要手动输入画板尺寸了,直接点击右侧属性栏的自己命名的例如“Chery car”就行了。如下图。

    8f75e4f47dea803b795d73c690bad937.png

    09

    新建的刚保存的画板。

    7d4a1c2bab734a4f9021602b50fc7662.png

    10

    增加画板,同样的操作(按A,再按比如“Chery car”)。如下图。

    be47af929c5027a18cdd69b5a374b276.png

    11

    恭喜你,已经学习完本篇sketch小教程。不要忘记用起来哦~

    Me:奇瑞HMI设计师、视觉UI设计师、插画师。

    微信上有已经上架的“小虎崽”系列表情,欢迎下载使用。

    微信通道:“我”——“表情”——搜索“小虎崽”就能找到可爱的我啦。

    个人微博:https://weibo.com/u/5332801680

    个人简书:https://www.jianshu.com/u/6bf98e20e16d

    个人Behance:https://www.behance.net/185165215933eb9

    个人dribbble:https://dribbble.com/shejishishi

    个人UI中国:https://i.ui.cn/ucenter/240664.html

    个人公众号:设计屎屎

    展开全文
  • vue2.0 vue antv-x6 的画布基本常用的属性

    一、平移、缩放、居中

    画布平移

    普通画布(未开启 scroller 模式)通过开启 panning 选项来支持拖拽平移。常用的属性如下:
    enabled:true || fale,
    modifiers:拖拽可能和其他操作冲突,设置修饰键后需要按下修饰键并点击鼠标才能触发画布拖拽。
    eventTypes:设置触发画布拖拽的行为,支持 leftMouseDown、 rightMouseDown、mouseWheel, 默认为 [‘leftMouseDown’]

     initGraph() {
          this.graph = new Graph({
            container: this.$refs.container,
            width: 800,
            height: 600,
            // 画布背景&网格
            background: {
              color: '#fffbe6' // 设置画布背景颜色
            },
            grid: {
              size: 10, // 网格大小 10px
              visible: true // 渲染网格背景
            },
            // 画布平移
            // panning:true,
            panning: {
              enabled: true,
              //  modifiers:拖拽可能和其他操作冲突,,
              // 设置修饰键后需要按下修饰键并点击鼠标才能触发画布拖拽。
              modifiers: 'shift',
              // eventTypes:设置触发画布拖拽的行为,支持 leftMouseDown、 rightMouseDown、mouseWheel,
              // 默认为 ['leftMouseDown']
              eventTypes: ['leftMouseDown', 'rightMouseDown', 'mouseWheel']
            }
          })
          this.graph.fromJSON(this.data)
        }
    

    通过以下 API 来启用/禁止画布平移:
    会改变panning的enabled的值

    this.graph.isPannable() // 获取画布是否可以平移
    this.graph.enablePanning() // 启用画布平移
    this.graph.disablePanning() // 禁止画布平移
    this.graph.togglePanning() // 切换画布平移状态

        graphApiTest() {
          // this.graph.enablePanning();
          this.graph.disablePanning();
          console.log(this.graph.isPannable(), 'this.graph.isPannable()')
        }
    

    在这里插入图片描述

    画布缩放&内容居中

    this.graph.zoom() // 获取缩放级别
    this.graph.zoom(0.2) // 在原来缩放级别上增加 0.2
    this.graph.zoom(-0.2) // 在原来缩放级别上减少 0.2

    常用的就是将画布内容中心与视口中心对齐,使用方式:

    this.graph.centerContent()
    在这里插入图片描述

    二、导出

    step1 - 引入DataUri

    import { Graph, DataUri } from '@antv/x6'
    

    导出 SVG:

    step2- 调用方法
    this.graph.toSVG():
    第一个参数:函数,
    第二个参数:对象,用来设置图片属性(本人觉得不太好配置)

    interface ToSVGOptions {
    preserveDimensions?: boolean | Size
    viewBox?: Rectangle.RectangleLike
    copyStyles?: boolean
    stylesheet?: string
    serializeImages?: boolean
    beforeSerialize?: (this: Graph, svg: SVGSVGElement) => any
    }

    toSvg() {
       this.graph.toSVG(dataUri => {
        DataUri.downloadDataUri(DataUri.svgToDataUrl(dataUri), 'chart.svg')
      })
    }
    
    //SVG图片配置
    this.graph.toSVG((dataUri: string) => {
      // todo
    }, {
      preserveDimensions: {
        width: 100,
        height: 100,
      }
    })
    

    (有会配置这个的大神,欢迎评论交流)
    在这里插入图片描述

    导出 PNG/JPEG:

    step2 - 调用方法
    this.graph.toPNG():
    第一个参数:函数,
    第二个参数:对象,用来设置图片属性

    interface ToImageOptions {
    width?: number
    height?: number
    backgroundColor?: string
    padding?: NumberExt.SideOptions
    quality?: number,
    …以及svg的所有参数…
    }

    // 下载
        toPngJpeg() {
          this.graph.toPNG(
            dataUri => {
              DataUri.downloadDataUri(dataUri, 'chart.png')
            },
            {
              width: 300,
              heihgt: 300,
              backgroundColor: 'pink',
              padding: {
                top: 20,
                right: 30,
                bottom: 40,
                left: 50
              },
              //图片质量,可以从 0 到 1 的区间内选择图片的质量。
              //如果超出取值范围,将会使用默认值 0.92
              quality:0.93
            }
          )
        }
    

    在这里插入图片描述

    三、销毁画布

    调用 graph.dispose() 方法进行画布的销毁以及资源的回收。
    el元素被销毁

        // 销毁画布
        graphDispose() {
          this.graph.dispose()
        }
    
    展开全文
  • Android Canvas画布

    2022-01-13 21:45:26
    安卓画布 很多时候,您最终会遇到需要实现自定义视图和/或为其设置动画的场景。可能会发生要求非常具体的情况,以至于您需要从头开始实施它。Canvas 在构建此类自定义视图中起着至关重要的作用。 Canvas 是一个 2D...

    在本教程中,我们将讨论 Android 的一个非常重要的部分,即 Canvas。这是每个开发人员都喜欢远离的领域。本教程的目的是让您更加了解和轻松使用 Android Canvas。

    安卓画布

    很多时候,您最终会遇到需要实现自定义视图和/或为其设置动画的场景。可能会发生要求非常具体的情况,以至于您需要从头开始实施它。Canvas 在构建此类自定义视图中起着至关重要的作用。

    Canvas 是一个 2D 绘图框架,它为我们提供了在底层位图上绘图的方法。位图充当放置画布的表面。Paint 类用于提供颜色和样式。

    在深入研究 Canvas 之前,让我们看一下自定义视图的生命周期。

    自定义视图由以下常用方法组成:

    
    onMeasure()
    onLayout()
    onDraw()
    

    在内部,onMeasure我们确定视图及其子项的大小。

    里面onLayout的大小被分配给视图。

    onDraw方法是绘制画布的地方。

    画布对象基本上是作为onDraw方法内部的参数出现的。

    invalidate()方法用于重绘视图。它再次调用 onDraw 方法。通常,当需要根据某些事件更新文本、颜色或视图时,会使用此选项。

    Canvas 类包含绘制某些形状的方法,如直线、圆弧、圆、上方。此外,我们也可以使用Paths.

    我们也可以在画布上绘制文本或简单地绘制颜色。

    由于画布是在屏幕上绘制的,因此绘制的视图需要以像素 (px) 为单位进行测量。

    让我们看看如何通过我们的示例 android studio 项目在 Canvas 上绘制基本的东西。

    Android Canvas 示例项目结构

    Android Canvas 基础项目

    Android 画布示例项目

    要创建路径,有两个方法很重要:moveTo()lineTo().

    moveTo 将您带到您在屏幕上指定的坐标。

    lineTo 从当前位置到指定位置绘制一条线。

    close() 用于关闭路径。

    画布坐标系如何工作?

    在画布中,0,0 是左上角。当您水平向右移动时,x 坐标会增加。
    当您垂直向下移动时,y 坐标以像素为单位增加。

    下图说明了相同的情况:

    Android 画布坐标系

    Android 画布坐标系

    矩形与 RectF

    Rect 对象用于创建一个矩形,其中每个边都以整数值指定。
    RectF 做同样的事情,但在浮点值。

    在下面的示例中,我们将看到如何绘制各种形状并使用 Paint 来设置它们的样式。

    Android 画布示例代码

    activity_main.xml布局的代码是一个基本的根布局,我们将在其中添加我们的 Canvas:

    
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
        xmlns:app="https://schemas.android.com/apk/res-auto"
        xmlns:tools="https://schemas.android.com/tools"
        android:id="@+id/linearLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity" />
    

    的代码MainActivity.java如下:

    
    package com.journaldev.androidcanvasbasics;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.widget.LinearLayout;
    import android.widget.RelativeLayout;
    
    public class MainActivity extends AppCompatActivity {
    
        LinearLayout linearLayout;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            linearLayout = findViewById(R.id.linearLayout);
            MyView myView = new MyView(this);
            linearLayout.addView(myView);
        }
    }
    

    MyView 类是我们创建自定义视图的地方。让我们最后在画布上画画吧!

    
    package com.journaldev.androidcanvasbasics;
    
    import android.app.Activity;
    import android.content.Context;
    import android.graphics.Canvas;
    import android.graphics.Color;
    import android.graphics.Paint;
    import android.graphics.Path;
    import android.graphics.Point;
    import android.graphics.RectF;
    import android.graphics.Region;
    import android.util.DisplayMetrics;
    import android.view.View;
    
    public class MyView extends View {
    
        Paint mPaint, otherPaint, outerPaint, mTextPaint;
        RectF mRectF;
        int mPadding;
    
        float arcLeft, arcTop, arcRight, arcBottom;
    
        Path mPath;
    
    
        public MyView(Context context) {
            super(context);
    
            mPaint = new Paint();
            mPaint.setAntiAlias(true);
    
            mPaint.setStyle(Paint.Style.STROKE);
            mPaint.setColor(Color.BLUE);
            mPaint.setStrokeWidth(5);
    
    
            mTextPaint = new Paint(Paint.LINEAR_TEXT_FLAG | Paint.ANTI_ALIAS_FLAG);
            mTextPaint.setColor(Color.BLACK);
            mTextPaint.setTextSize(pxFromDp(context, 24));
    
            otherPaint = new Paint();
    
            outerPaint = new Paint();
            outerPaint.setStyle(Paint.Style.FILL);
            outerPaint.setColor(Color.YELLOW);
    
            mPadding = 100;
    
    
            DisplayMetrics displayMetrics = new DisplayMetrics();
    
            ((Activity) getContext()).getWindowManager()
                    .getDefaultDisplay()
                    .getMetrics(displayMetrics);
    
    
            int screenWidth = displayMetrics.widthPixels;
            int screenHeight = displayMetrics.heightPixels;
    
            arcLeft = pxFromDp(context, 20);
            arcTop = pxFromDp(context, 20);
            arcRight = pxFromDp(context, 100);
            arcBottom = pxFromDp(context, 100);
    
    
            Point p1 = new Point((int) pxFromDp(context, 80) + (screenWidth / 2), (int) pxFromDp(context, 40));
            Point p2 = new Point((int) pxFromDp(context, 40) + (screenWidth / 2), (int) pxFromDp(context, 80));
            Point p3 = new Point((int) pxFromDp(context, 120) + (screenWidth / 2), (int) pxFromDp(context, 80));
    
            mPath = new Path();
            mPath.moveTo(p1.x, p1.y);
            mPath.lineTo(p2.x, p2.y);
            mPath.lineTo(p3.x, p3.y);
            mPath.close();
    
            mRectF = new RectF(screenWidth / 4, screenHeight / 3, screenWidth / 6, screenHeight / 2);
    
        }
    
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
    
            canvas.drawRoundRect(mRectF, 10, 10, otherPaint);
            canvas.clipRect(mRectF, Region.Op.DIFFERENCE);
            canvas.drawPaint(outerPaint);
    
            canvas.drawLine(250, 250, 400, 400, mPaint);
            canvas.drawRect(mPadding, mPadding, getWidth() - mPadding, getHeight() - mPadding, mPaint);
            canvas.drawArc(arcLeft, arcTop, arcRight, arcBottom, 75, 45, true, mPaint);
    
    
            otherPaint.setColor(Color.GREEN);
            otherPaint.setStyle(Paint.Style.FILL);
    
            canvas.drawRect(
                    getLeft() + (getRight() - getLeft()) / 3,
                    getTop() + (getBottom() - getTop()) / 3,
                    getRight() - (getRight() - getLeft()) / 3,
                    getBottom() - (getBottom() - getTop()) / 3, otherPaint);
    
    
            canvas.drawPath(mPath, mPaint);
            otherPaint.setColor(Color.BLACK);
            canvas.drawCircle(getWidth() / 2, getHeight() / 2, arcLeft, otherPaint);
    
            canvas.drawText("Canvas basics", (float) (getWidth() * 0.3), (float) (getHeight() * 0.8), mTextPaint);
    
        }
    
    
        public static float pxFromDp(final Context context, final float dp) {
            return dp * context.getResources().getDisplayMetrics().density;
        }
    
    }
    

    pxFromDp 方法用于获取与传递的 dp 值等效的像素。

    canvas.drawLine(250, 250, 400, 400, mPaint); 简单地画一条从 x1 y1 到 x2 y2 的线。

    以下代码用于在屏幕中心绘制一个矩形。

    
    canvas.drawRect(
                    getLeft() + (getRight() - getLeft()) / 3,
                    getTop() + (getBottom() - getTop()) / 3,
                    getRight() - (getRight() - getLeft()) / 3,
                    getBottom() - (getBottom() - getTop()) / 3, otherPaint);
    

    drawCircle方法内部,传递的前两个参数是圆心的坐标。第三个参数设置圆的半径。

    clipRect用矩形剪辑画布。最后一个参数设置剪辑区域样式。

    Region.Op.DIFFERENCE 在画布和 clipRect 方法中指定的矩形之间的区域上设置 Paint。

    drawText方法内部,两个浮点值设置文本的原点位置。我们将其设置为距屏幕左侧 30% 和距屏幕顶部 80%。

    为什么 Paint 中需要 Anti Alias 标志?
    抗锯齿标志确保形状平滑。

    在画布上绘制的不同形状是如何相互定位的?

    帆布 Z 顺序

    元素按绘制顺序排列在彼此之上。类似于基于 z 顺序的框架布局。

    上述应用程序的输出如下所示:

    Android Canvas 基础输出 1

    Android Canvas 基础输出 1

    Android Canvas 基础输出 2

    Android Canvas 基础输出 2

    本教程到此结束。您可以从以下链接下载该项目:

    展开全文
  • UI 设计常用尺寸规格

    万次阅读 2018-05-04 17:23:37
    先来看看各种iPhone的尺寸和分辨率,这张图写的很清楚。设备名称屏幕尺寸PPIAsset竖屏点(point)竖屏分辨率(px)iPhone X5.8 in458@3x375 x 8121125 x 2436iPhone 8+, 7+, 6s+, 6+5.5 in401@3x414 x 7361242 x ...
  • 参考github:...对matplotlib的操作都是在一个figure上完成的,figure是一块画布,类似于现实中的画板。在一块画板上,可以绘制一幅或多幅图形,这些图形就是ax...
  • IOS 基本尺寸规范

    千次阅读 2021-10-25 10:24:07
    1. UI的尺寸规范 1.1 iphone各种画布尺寸 1.2 启动图标 1.3 功能图标 2. 字体规范 2.1 IOS官方字体,苹方 2.1 规范 2.3 字间距
  • Android 画布

    2021-06-15 19:27:34
    但是最好自己可以回收下) isRecycle:当前Bitmap是否被回收 setDensity、getDensity:设置当前Bitmap的dpi和获取当前Bitmap的dpi 注意此处设置Density Bitmap是只有发生尺寸变化,不会发生像素变化,而在...
  • 每一个页面都是一个绘图区域,在平常我们使用的时候需要针对不同的类型,进行尺寸的约束。 页面区域新建完成后,可在样式区域选择对应的页面尺寸。 操作步骤: 可以在选中页面后,在页面的样式一栏进行编辑当前页面...
  • 刚开始接触UI的时候,碰到的最多的就是尺寸问题,什么画布要建多大、文字该用多大才合适、我要做几套界面才可以?什么七七八八的也着实让人有些头疼。废话不多说,希望大家耐心看完后,不用再纠结于尺寸相关的东西了...
  • 前端常用PS快捷: 1、ctrl+H //去除|显示参考线,规范的设计师会比较多的参考线 2、ctrl+单击 //选中图层,选不中图层,得注意左上角这2个地方 3、crtl+c 复制当前图层的,配合选区工具,如果设计稿上有设计内容
  • Android UI设计常用尺寸及基本知识

    千次阅读 2016-06-25 17:04:32
    屏幕尺寸 指实际的物理尺寸,为屏幕对角线的测量。 为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。 像素(PX) 代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。 屏幕...
  • 基本概念 屏幕尺寸指实际的物理尺寸,为屏幕对角线的测量。单位in(英寸)像素(PX)代表屏幕上一个物理的像素点。屏幕密度density为解决Android 设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上...
  • 16:9是多大的尺寸

    万次阅读 2021-03-07 14:40:18
    屏幕比例是指屏幕宽度和高度的比例,目前一般常用的标准的屏幕比例有4:3和16:9两种,根据实际情况的需要又出现了15:9和16:10等比例,由于其比例和16:9比较接近,因此这三种屏幕比例的液晶显示器都可以称为宽屏...
  • 企业宣传画册设计不同于其他...一、一般常见画册尺寸大小比最常见的A4画册尺寸来说,下面这些画册尺寸大小也是比较常用的,它们的规格分别是:(1)、285mmx285mm,这种画册尺寸更显高档大气。(2)、285mmx210mm,这是A...
  • 原文链接:http://shuaihua.cc/blog/20150311.php 阳光美美哒~ ...之后在JavaScript中获取canvas这个DOM对象并进行一系列属性操作 ...//首先生命一个变量,我用来存放canvas画布的基本信息 var canvas_info = {
  • 电脑PS如何新建多个画布并使其显示在一个界面腾讯视频/爱奇艺/优酷/外卖 充值4折起PHOTOSHOP就是我们平时所说的PS了。今天小编跟大家分享 的是电脑PS如何新建多个画布并使其显示在一个界面。ps怎么创建多个画布1. ...
  • 原标题:LED显示屏尺寸规格及计算方法led屏幕在生活中,随处可见,显示屏、广播屏等等,但是led尺寸怎么计算的,你知道吗?今天我们一起了解一下led屏幕尺寸的计算方法。 一、点间距的计算1、各单元板常见型号及尺寸...
  • 结合友盟的分辨率占比数据、也为了方便换算到android开发中的尺寸单位, 推荐设计稿的画布尺寸选用 720X1280 ,分辨率仍旧为72ppi(像素/英寸) 。 在android规范中对于导航栏、工具栏等的尺寸没有明确的规定。但...
  • 直接在html标签中设置width和height属性或者使用JavaScript也可以改变画布尺寸,这个时候就不是缩放画布了,而是真正的改变了画布内的像素大小。 ???? 例子 ???? 改变canvas大小,画布会变空白的原因
  • 画布和绘图

    2017-08-02 12:12:35
    画布和绘图 Android框架提供了一套二维绘图API,可让您将自己的自定义图形渲染到画布上或修改现有视图以自定义其外观。您通常以下列方式之一绘制2-D图形: a.在布局中的View对象上绘制图形或动画。 通过使
  • 前言:LED屏幕在生活中,随处可见,显示屏、广播屏等等,但是LED尺寸怎么计算的,你知道吗?今天我们一起了解一下LED屏幕尺寸的计算方法。一、点间距的计算1、各单元板常见型号及尺寸LED屏普遍是用单元板做的。LED...
  • 第10章-Canvas画布

    2019-07-31 23:47:12
    drawImage()方法也能够绘制图像的某些部分,以及/或者增加或减少图像的尺寸。 drawImage()方法有3种原型,如下所示: 1)在画布上定位图像:context.drawImage(img,x,y); 2)在画布上定位图像,并规定图像的...
  • Unity NGUI之UIRoot画布自适应

    千次阅读 2017-01-11 22:40:38
    NGUI是Unity3D开发中常用的UI制作插件,它提供了丰富的UI组件,为开发者提供了极大的方便。作为一个手游开发者,面对纷繁复杂的机型,UI的自适应是一个很大的问题,还好NGUI为广大开发者提供了非常方便的自适应解决...
  • 基于HTML5的移动Web应用——HTML5 画布

    千次阅读 2020-04-09 19:18:12
    创建画布2.准备画笔3.坐标和起始点4.绘制线条5.路径6.描边7. 填充2、利用canvas绘制矩形和清除矩形3、利用 canvas绘制圆形4、利用 canvas绘制图片5、利用canvas其他方法1. clip() 方法2. save() 和restore()方法 在...
  • Python : Turtle库--2.1 画布(canvas)

    千次阅读 2019-06-29 20:38:59
    常用画布方法有两个:screensize()和setup()。 (1)turtle.screensize(canvwidth=None, canvheight=None, bg=None) 参数分别为画布的宽(单位像素), 高, 背景颜色 如: turtle.screensize(800, 600, “green”)...
  • 理论小知识:画布

    2020-07-25 14:53:14
    创建画布对象的常用办法是用 Canvas 的子类来创建画布 对象,并在子类中重写父类的方法 paint.需要注意的是,一定要在创建画布的类的构造方法 中给出画布尺寸 单位是像素。 Mycanvas 类中的构造方法必须通过 set...
  • matplotlib 使用简明教程(五)-画布、图表、元素基础操作通过 `plt` 库进行画布(figure)相关操作创建一个新的画布或引用一个已有的画布更新当前的画布(figure)绘制画布(figure)将画布保存成文件清除当前的...
  • 目录plt.plot() 绘图plt.figure() 创建画布中文/负号显示问题设置坐标轴plt.legend() 创建图例plt.text() 文字说明plt.scatter() 画散点图plt.bar() 画条形图plt.contour() 画等高线图plt.imshow() 数据转图像画3D图...
  • A4纸在屏幕上的像素尺寸

    千次阅读 2019-08-13 14:56:47
    A4纸的尺寸是210mm*297mm,也就是21.0cm...下面是一些常用分辨率下A4纸在屏幕上的像素尺寸: 分辨率是72像素/英寸时,A4纸的尺寸的图像的像素是595×842; 分辨率是96像素/英寸时,A4纸的尺寸的图像的像素是794×11...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,426
精华内容 2,970
热门标签
关键字:

常用画布尺寸