canvas制作的海报可以打印吗-海报能不能自己设计然后打印在画布上
发布网友
发布时间：2023-08-09 05:37
共1个回答
热心网友
时间：2023-10-02 10:12
<head>
<metacharset="UTF-8"/>
<metaname="viewport"content="width=device-width,initial-scale=1.0"/>
<metahttp-equiv="X-UA-Compatible"content="ie=edge"/>
<title>明信片打印</title>
</head>
<style>
body{
background:rgb(204,204,204);
text-align:center;
}
*{
padding:0;
margin:0;
}
page[size="A4"]{
background:white;
width:710px;
height:1045px;
display:block;
margin:0auto;
margin-bottom:0.5cm;
padding-top:0px;
box-sizing:border-box;
}
img{
width:100%;
height:100%;
}
@mediaprint{
body,
page[size="A4"]{
margin:0;
box-shadow:0;
}
}
</style>
<body>
<pagesize="A4"id="Canpage">
<imgsrc="
"alt=""id="CanImg"/>
</page>
<canvasid="myCanvas"width="710"height="1045"></canvas>
</body>
</html>
<scriptsrc="
"></script>
<script>
//()
$("#Canpage").css('display','none');
varc=("myCanvas");
varctx=c.getContext("2d");
//绘制照片
varimg=newImage();
//图片地址
='
';
=function(){
(img,0,0,710,1045);
//绘制邮编
="30pxArial";
//邮编字符串转换为数组
constconverToArray=number=>[...`123465`].map(el=>parseInt(el));
letpcode1=converToArray('123465');
//"1_2_3_4_6_5"
(pcode1[0]+'_'+pcode1[1]+'_'+pcode1[2]+'_'+pcode1[3]+'_'+pcode1[4]+'_'+pcode1[5],40,86,300);
//绘制收件地,超出宽度进行文字换行
="24pxArial";
letAddText='12345';
letAddCanWidth=295;
letAddInitHeight=140;
letAddStrIndex=0;
letAddlineWidth=0;
for(leti=0;i<;i++){
AddlineWidth+=(AddText[i]).width;
if(AddlineWidth>AddCanWidth){
((AddStrIndex,i),26,AddInitHeight);
AddInitHeight+=60;
AddlineWidth=0;
AddStrIndex=i;
}
if(i==-1){
((AddStrIndex,i+1),26,AddInitHeight);
}
};
//绘制内容,超出宽度进行文字换行
="24pxArial";
letTextText='123456';
letTextCanWidth=640;
letTextInitHeight=370;
letTextStrIndex=0;
letTextlineWidth=0;
for(leti=0;i<;i++){
TextlineWidth+=(TextText[i]).width;
if(TextlineWidth>TextCanWidth){
((TextStrIndex,i),26,TextInitHeight);
TextInitHeight+=57;
TextlineWidth=0;
TextStrIndex=i;
}
if(i==-1){
((TextStrIndex,i+1),26,TextInitHeight);
}
};
//绘制姓名
="24pxArial";
("46578",560,730,120);
//绘制日期
="24pxArial";
("89456",560,790,120);
};
setTimeout(()=>{
vardataImg=c.toDataURL('image/png');
(dataImg)
$("#Canpage").css('display','block');
$('#CanImg').attr('src',dataImg);
$('#myCanvas').css("display","none");
setTimeout(()=>{
()
},1500)
},1500)
</script>
海报可以复印吗海报用彩色复印机,是可以复印的。
海报这一名称,最早起源于上海,是一种宣传方式。旧时,海报是用于戏剧、电影等演出,活动的招帖。上海的人通常把职业性的戏剧演出称为“海”,而把从事职业性戏剧的表演称为“下海”。
作为剧目演出信息的具有宣传性的招来顾客性的张贴物,也许是因为这个,人们便把它叫做“海报”。正规的海报中通常包括活动的性质、主办单位、时间、地点等内容,多用于影视剧和新品宣传中,利用图片、文字、色彩、空间等要素进行完整的结合。
具备特点
1.广告宣传性
电视剧《云中歌》海报
海报希望社会各界的参与,它是广告的一种。有的海报加以美术的设计,以吸引更多的人加入活动。海报可以在媒体上刊登、播放,但大部分是张贴于人们易于见到的地方。其广告性色彩极其浓厚。
2.商业性
海报是为某项活动作的前期广告和宣传,其目的是让人们参与其中,演出类海报占海报中的大部分,而演出类广告又往往着眼于商业性目的。当然,学术报告类的海报一般是不具有商业性的。
用途
1.广告宣传海报:可以传播到社会中,主要为提高企业或个人的知名度。
2.现代社会海报:较为普遍的社会现象,为大数人所接纳,提供现代生活的重要信息。
3.企业海报:为企业部门所认可,他可以利用到控制员工的一些思想,引发思考。
4.文化宣传海报:所谓文化是当今社会必不可少的,无论是多么偏僻的角落,多么寂静的山林,都存在着文化明星海报。
5.影视剧海报:比较常见的宣传方式,通过了解影视剧的人物线索和主题,来制作海报达到宣传的效果。
主要分类
一般来讲,海报从内容上看可以分为下列几类:
1.电影海报
这是影剧院公布演出电影的名称、时间、地点及内容介绍的一种海报。这类海报有的还会配上简单的宣传画,将电影中的主要人物画面形象地绘出来,以扩大宣传的力度。
2.文艺晚会杂技体育比赛等海报
这类海报同电影海报大同小异,它的内容是观众可以身临其境进行娱乐观赏的一种演出活动,这类海报一般有较强的参与性。海报的设计往往要新颖别致,引人入胜。
3.学术报告类海报
这是一种为一些学术性的活动而发布的海报。一般张贴在学校或相关的单位。学术类海报具有较强的针对性。
