-
16比9的画布尺寸mm_基础!设计印刷常用尺寸
2021-01-16 13:33:22(A4) 210mm × 285mm (A4) 210mm × 285mm ... 易拉宝尺寸(宽×高): 60cm×160cm 80cm×200cm 85cm×200cm 90cm×200cm 100cm×200cm 120cm×200cm 150cm×200cm 易拉宝常用尺寸是80cm×200cm 画面一般是78cm×200cm(A4) 210mm × 285mm
(A4) 210mm × 285mm
(A4) 210mm × 285mm
(单位:mm)
16开 大度:210×285 正度:185×260
8开 大度:285×420 正度:260×370
4开 大度:420×570 正度:370×540
2开 大度:570×840 正度:540×740
全开 大:889×1194 小:787×1092
封套标准尺寸:220mm × 305mm
13cm × 18cm
19cm × 25cm
42cm × 57cm
50cm × 70cm
60cm × 90cm
70cm × 100cm
42cm × 57cm
50cm × 70cm
特别常见的是 50cm × 70cm
8开 376mm x 265mm
4开 540mm x 380mm
标准尺寸:400mm x 285mm x 80mm
标准尺寸:185mm x 260mm 210mm x 285mm
小号:220×110mm 中号:230×158mm
大号:320×228mm D1:220×110mm
C6:114×162mm
桌旗:210×140mm (与桌面成75度夹角)
竖旗:750×1500mm
大企业司旗:1440×960mm 960×640mm (中小型)
大号:110×80mm
小号:20×20
横版:90mm×54mm (最常用)
横版:90*55mm 85*54mm
竖版:50*90mm 54*85mm
方版:90*90mm 90*95mm
IC卡:85 × 54MM
盘面120mm 120 mm
盘心一般是46mm
盒面也是120mm 120 mm
盒底 152mm 118mm
展板(KT板)标准尺寸为 90cm × 240cm 或者 120cm × 240cm,平分为两块,就成为 90cm × 120cm 或者 120cm × 120cm 的大小,这就是所谓的标准板。对半分开的标准板形成的尺寸(如90cm×60cm,或者120cm×60cm)都创意空间是标准大小。
X展架尺寸(宽×高):
60×160cm
80×180cm
120×200cm
27×42cm(台式的)
X展架和易拉宝是不同的东西,易拉宝要比X展架大而且牢固。区别在于X形展架画布后面有个X形的架,相对牢固,而且架子以后也可以用,成本比易拉宝高。
易拉宝尺寸(宽×高):
60cm×160cm
80cm×200cm
85cm×200cm
90cm×200cm
100cm×200cm
120cm×200cm
150cm×200cm
易拉宝常用尺寸是80cm×200cm 画面一般是78cm×200cm
-
PhotoShop画布自动适应图像的尺寸大小?
2013-10-21 11:28:34PhotoShop画布自动适应图像的尺寸大小? 困扰很久,感谢百度用户“季末杀手”的帮助。问题如下: 图像剪切后比画布小多了,用调整画布大小的形式输入数据太慢,有次见人一下就把画布自动调到图像的尺寸了。如...困扰很久,感谢百度用户“季末杀手”的帮助。问题如下:
图像剪切后比画布小多了,用调整画布大小的形式输入数据太慢,有次见人一下就把画布自动调到图像的尺寸了。如图
在贴吧问了,有了答案这里留一下:把背景透明然后在菜单处点“图像 →裁切”
选择“透明像素”
确定即可。如果常用的话,可以录制一个动作,设置快捷键就方便了。
-
canvas系列 — canvas改变画布大小后,画布变空白的原因及解决方案
2020-09-13 17:38:12直接在html标签中设置width和height属性或者使用JavaScript也可以改变画布的尺寸,这个时候就不是缩放画布了,而是真正的改变了画布内的像素大小。 ???? 例子 ???? 改变canvas大小,画布会变空白的原因前言
之前记录过canvas常用的api的含义这些理论知识
下面通过几个实战🌰来加深对canvas的理解和使用
(以下代码都是基于vue3的,顺道一起学习,一举两得😁)css和js都可以控制画布大小的改变,但是css里只是让画布像图片一样缩放,内部的像素大小是不变的。直接在html标签中设置width和height属性或者使用JavaScript也可以改变画布的尺寸,这个时候就不是缩放画布了,而是真正的改变了画布内的像素大小。
🌰 例子 🌰
改变
canvas
大小,画布会变空白的原因如下图:
canvas
绘制hello world
后,点击按钮改变canvas
高度,引起画布重绘,画布内容会丢失
代码如下(vue3代码):
<template> <div> <div class="change-size"> <p>动态改变canvas大小</p> <span>例如: 点击按钮2秒后,改变canvas高度,会引起canvas的重新加载,导致已经绘制好的内容丢失</span> <br /> <button class="my-btn" @click="changeSize">改变canvas高度</button> <canvas id="text" width="600" :height="tHeight" style="background: #ececec"></canvas> </div> </div> </template> <script> import { ref } from 'vue'; export default { name: 'BlurSolution', setup() { const tHeight = ref(300); const changeSize = () => { setTimeout(() => { tHeight.value = 250; }, 2000) } return { tHeight, changeSize } } } </script> <style lang="scss"> .my-btn { border: 1px solid #dfdfdf; border-radius: 4px; padding: 4px 8px; margin: 8px 0; } </style>
解决办法
利用上面复习到的getImageData和putImageData方法,改变画布前先获取画布内容,改变大小后,再复原。
<template> <div> <div class="change-size"> <p>动态改变canvas大小</p> <span>例如: 点击按钮2秒后,改变canvas高度,会引起canvas的重新加载,导致已经绘制好的内容丢失</span> <br /> <button class="my-btn" @click="changeSize">{{btnText}}</button> <canvas id="text" width="600" :height="tHeight" style="background: #ececec"></canvas> </div> </div> </template> <script> import { onMounted, nextTick, ref } from 'vue'; export default { name: 'ChangeSize', setup() { const tHeight = ref(300), btnText = ref('改变canvas高度'); let timeOut = 3000, canvasCtx = null;; onMounted(() => { nextTick(() => { canvasCtx = document.querySelector('#text').getContext('2d'); drawText(); }) }); 重点来了 // const changeSize = () => { // 获取画布像素数据 const data = canvasCtx.getImageData(0, 0, 600, 300); btnText.value = `${timeOut / 1000}s后canvas高度改变`; const loop = setInterval(() => { console.log(timeOut) if (timeOut > 0) { timeOut -= 1000; btnText.value = `${timeOut / 1000}s后canvas高度改变`; } else { btnText.value = '改变canvas高度'; clearInterval(loop); tHeight.value = 200; // 延时操作,为了确保画布已经重新加载 setTimeout(() => {canvasCtx.putImageData(data, 0, 0)}, 0); } }, 1000); } const drawText = () => { canvasCtx.fillStyle = 'red'; canvasCtx.font = '28px sans-serif' let x = 20, y = 100; const string = 'HELLO WORLD !'; canvasCtx.fillText(string, x, y); canvasCtx.save(); } return { tHeight, btnText, changeSize } } } </script>
✨✨✨✨在项目中实际遇到的情况是这样的✨✨✨✨
合成视频时有个时间轴,默认展示3分钟长的时间轴,当选择的视频素材总长超过3分钟时,时间轴自动延长到5分钟。
我想到的实现方法有两种:
- 一种是改变canvas宽度后,画布变空白后,重新绘制一个5分钟的时间轴
- 另一种是一开始就绘制一个5分钟的时间轴,通过父级元素宽度的改变来控制展示出的时间轴长度。
在绘制时间轴的时候也有遇到问题,关于canvas绘制文本和线条模糊的现象
-
小程序学习之小程序组件(七)画布组件
2020-03-26 09:48:04为画布组件,默认尺寸宽度300px 高度225px,常用属性: ps:同一页面的canvas-id不可重复,若使用一个已经出现过的canvas-id,它对应的画布将被隐藏且不再正常工作 <canvas>组件声明后,一个简单的画图...<canvas>为画布组件,默认尺寸宽度300px 高度225px,常用属性:
ps:同一页面的canvas-id不可重复,若使用一个已经出现过的canvas-id,它对应的画布将被隐藏且不再正常工作
<canvas>组件声明后,一个简单的画图工作分为以下步骤:
- 声明画布上下文(CanvasContext)
- 使用画布上下文进行绘图描述
- 画图
ps:以上步骤须将代码写进js文件的onLoad()函数中
示例:(简单应用,更多用法见后面)
<!--wxml--> <view class="title">画布组件canvas的简单应用</view> <view class="demo-box"> <canvas canvas-id="myCanvas" style="border:1rpx solid"></canvas> </view> //js Page({ onLoad:function(options){ //创建画布上下文 const ctx = wx.createCanvasContext("myCanvas") //设置填充颜色、填充区域 ctx.setFillStyle('orange') ctx.fillRect(20,20,150,80) //画图 ctx.draw() } })
-
phaser常用API总结
2018-08-02 17:40:001. 游戏画布的尺寸 var width = game.width, height = game.height; 2. 中心点坐标 var game = new Phaser.Game(...); var centerX = game.world.centerX, centerY = game.world.centerY; 3. 随机坐标 ... -
PhotoShop常用快捷键
2013-03-25 22:03:00快捷键 功能 备注 Ctrl + N 新建对话框 新建文件 Ctrl + O 打开对话框 打开文件 Ctrl + K ...满画布显示 ...将图像拉伸至满画布 ...原始尺寸显示 1:1比例 ... -
前端中常用的PS操作
2019-11-04 19:24:07前端主要用来切图,量取设计稿的开发尺寸; PS的界面认识 PS复位基本功能 如果ps界面凌乱,我们需要复位 窗口 — 工作区 ---- 复位基本功能 — 回到PS最早安装的状态 PS常用的面板—图层面板 快捷键:F7 也可以去 ... -
a4纸尺寸像素大小
2016-08-15 10:00:00A4纸尺寸:210mm*297mm,也就是21.0cm*29.7cm,而1英寸=2.54cm。...下面是些常用分辨率下A4纸在屏幕上的像素尺寸:分辨率是72像素/英寸时,A4纸的尺寸的图像的像素是595×842;分辨率是96像素/英寸时,A4... -
华甲甲PS教案——PS第二课__Photoshop的基本操作.doc
2020-04-02 00:28:121 - Photoshop CS3教案 PS第二课 Photoshop的基本操作 教学目标掌握文件操作的常用命令并能够重定图像和画布尺寸对图像进行旋转 教学重点重定图像和画布尺寸 教学难点如何更改图像分辨率 课时安排2课时 教学过程 一... -
怎么样合成照片?图片如何做gif动态图片?
2021-01-20 16:45:45设置画布尺寸,点击最大尺寸(最大图片的尺寸为生成动图尺寸),最小尺寸(最小图片的尺寸为生成动图尺寸),画布大小(自定义尺寸,点击锁定宽高比防止图片变形),上传合成的图片。 点击确定提交 -
图片怎么做gif?如何让图片变GIF动图?
2021-01-15 16:50:23动图的应用是非常广泛的,比如... 设置画布尺寸,根据使用需求,点击最大尺寸(最大图片的尺寸为生成动图尺寸),最小尺寸(最小图片的尺寸为生成动图尺寸),画布大小(自定义尺寸,点击锁定宽高比防止图片变形), -
第一阶段 PS入门
2019-04-15 19:20:11图像处理基础知识、...Photoshop工作界面的介绍、文件操作、图像的显示效果、图像和画布尺寸的调整、绘制和编辑选区、选区的操作技巧、渐变工具和油漆桶工具。图像合成、图层、蒙版、配色、切图、色彩搭配原则。 ... -
potoshop基础入门-张敏-专题视频课程
2017-08-26 10:54:01Photoshop工作界面的介绍、文件操作、图像的显示效果、图像和画布尺寸的调整、、绘制和编辑选区、选区的操作技巧、渐变工具和油漆桶工具。图像合成、图层、蒙版、配色、切图、色彩搭配原则。... -
acer软件保护卡清除工具clear_裁剪工具
2020-12-10 15:31:57裁剪工具CropTool是用来改变画布大小的常用工具。除了按尺寸、比例裁剪图像之外,“拉直”、“内容识别”等选项对于二次构图也很有帮助。快捷键:C提示:(1)Ps菜单:图像/画布大小适合按一定规则来改变画布大小,... -
JavaScript 空间坐标的使用
2021-01-19 04:07:56首先参考画布分为视口(窗口)与文档的含义 网页很多都是多屏,所以文档尺寸一般大于视口尺寸 视口尺寸不包括浏览器工具条、菜单、标签、状态栏等 当打开控制台后,视口尺寸相应变小 文档像 position 定位,视口类似... -
安卓转圈loading_面试官: "用css实现android系统的loading动画
2020-12-21 20:07:02今天我们用svg实现android的"环"动画, 下节课实现ios的"菊花".image注意: gif帧数少的原因, 实际动画效果是很平滑的.xml(svg)首先我们定义svg的画布尺寸为50x50, 在浏览器中缩放为36x36显示(这个36你可以根据实际... -
安卓转圈loading_使用css实现android系统的loading加载动画
2020-12-21 20:06:53web常用的loading图标有...注意 : gif帧数少的原因, 实际动画效果是很 平滑的.xml(svg)首先我们定义svg的画布尺寸为 50x50 , 在浏览器中缩放为 36x36 显示(这个36你可以根据实际需要调整), 定义环的圆心坐标为 25,25... -
android svg指纹录取动画_面试官: "用css实现android系统的loading动画
2021-01-13 17:16:36ios/androidweb常用的loading图标有...注意: gif帧数少的原因, 实际动画效果是很平滑的.xml(svg)首先我们定义svg的画布尺寸为50x50, 在浏览器中缩放为36x36显示(这个36你可以根据实际需要调整), 定义环的圆心坐标为2... -
Python点击鼠标获取坐标(Graphics)
2017-09-30 14:54:29使用Python进行图像编程,要使用到Graphics库。...#设置画布窗口名和尺寸 win = GraphWin('hehe', 666, 666) #关闭画布窗口 win.getMouse() win.close() #画点 pt = Point(100, 100) -
2018-2019-2 20189205《移动平台应用开发实践》第九周作业
2019-04-28 13:41:00Android 学习 定制视图 Android界面在自定义控件时,经常需要使用canvas、paint等类,在canvas类中,绘画基本都是靠drawXXX()方法来完成的,在这些...当然,你还可以设置画布的属性,如画布的颜色/尺寸等。 Canva... -
1-1. Photoshop 2020 创建图片、填充颜色、放大镜、抓手、打开图片
2020-02-25 17:51:12创建画布 需要打印:选厘米或毫米 不需要打印:选像素 注: 图片像素=图片分辨率X图片尺寸 颜色模式: 常用RGB(网页用)、CMYK(印刷的颜色) ... -
JavaScript 空间坐标
2020-08-19 15:03:06首先参考画布分为视口(窗口)与文档的含义 网页很多都是多屏,所以文档尺寸一般大于视口尺寸 视口尺寸不包括浏览器工具条、菜单、标签、状态栏等 当打开控制台后,视口尺寸相应变小 文档像position定位,视口类似... -
拓幻科技之PS暖心教程(一)
2019-09-18 06:34:44首先我们要新建一个画布,右边这一栏是尺寸,大家的单位要看好,这里我选择了像素,PS常用单位。宽高自己根据需求调节,记得画布别太大或太小,太小了就糊了,太大了你的PS就卡死啦。 还得说一下我们的分辨率,记得... -
#UI+前端#(一)UI基础
2020-01-02 10:32:30新建一个画布 颜色模式 最常用的两个: CMIK——印刷色 RGB——光源色 单位选择 有实体,具有物理尺寸——厘米 基本显示单位——像素 选区 形状 新建选区 加法选取 减法选区 交叉选区 快捷键 shift——加... -
PhotoShop基础知识串讲
2012-02-04 10:55:401、ps中常用快捷键 D: 恢复默认前景背景颜色 空格键:临时抓手 Ctrl+J :复制图层 Ctrl+T:改变图形大小 Alt:临时放大缩小切换 ...3、常用的照片尺寸 1寸照片:1 x 1.4(1.5)英寸 2寸照片 -
窗口控件使用简介
2020-11-05 13:54:53形状小部件 默认小部件库"通用"部分中的各种框、按钮和标题都是形状小部件,以及占位符、标签和段落。图标小部件库中的图标也是形状,使用笔工具绘制的任何小部件也是形状。 创建形状 ...最常用的形... -
java 实现打印条形码_条码标签打印软件之微调功能实现
2020-12-24 18:05:35条码标签打印软件中常用两种方式实现微调,一种是Shift微调,一种是吸附网格功能实现微调。具体是怎么实现的呢?大家一起往下看吧。1.打开条码标签打印软件,在文档设置中根据实际纸张新建纸张尺寸和标签尺寸。2.在... -
电子名片::satellite_antenna:电子名片中国黄页-优化iOSAndroid来电,信息界面体验-源码
2021-02-02 19:07:20引入常用联系人头像,优化iOS传入,信息界面体验。 使用指南 到下载最新的打包文件archive.zip ; 解压后,根据不同平台的指南引入vcf文件至iCloud中,推荐单独创建“黄页”分组方便管理和隐藏。 苹果系统 iOS /网络... -
Tcl-tk组合教程
2011-03-25 09:35:1711.3 常用的规则表达式 11.4 regsub命令 11.5 使用regsub给Tcl转换数据 11.6 其他使用规则表达式的命令 第12章 脚本库和程序包 12.1 定位程序包:auto—path变量 12.2 使用程序包 12.3 package命令 ... -
tcl+tk组合教程.pdf
2011-07-21 00:33:4611.3 常用的规则表达式 11.4 regsub命令 11.5 使用regsub给tcl转换数据 11.6 其他使用规则表达式的命令 第12章 脚本库和程序包 12.1 定位程序包:auto—path变量 12.2 使用程序包 12.3 package命令 ...
-
Crimeblog:使用gatsby和netlify的博客-源码
-
这样提案,设计比较容易落地
-
pypersiandate:Python库,用于将公历日期转换为波斯日期-源码
-
指令集架构和微架构区别
-
MATLAB读取一张RGB图片转成YUV格式
-
Widely tunable linear-cavity multiwavelength fiber laser with distributed Brillouin scattering
-
修复非平面混合无线传感器网络中的覆盖Kong
-
Nondestructive identification of ancient Chinese glasses by Raman and proton-induced X-ray emission spectroscopy
-
源码分析-HashMap
-
shared_ptr的循环引用问题
-
2021-02-26
-
Analysis of speckle reduction based on theory of optical eigenfunction
-
Django后端处理post请求的request.body中数据
-
京东基于Spark的风控系统架构实践和技术细节
-
MYSQL企业常用架构与调优经验分享
-
netty源码分析之揭开reactor线程的面纱(二)
-
使用Jenkins进行持续集成
-
Django+vue上传文件并返回文件在服务器中的路径
-
小型蜂窝网络中的分布式载波聚合:一种博弈论方法
-
强化学习的学习之路(三十一)_2021-01-31: REINFORCE