h5前端开发基本知识(手把手教你实现H5拉新技术)
h5前端开发基本知识(手把手教你实现H5拉新技术)比方说,在这里放一个姓名。然后复制粘贴一下拖动过来,把他变长一点变长一点之后,把它的内容改一下,改成是专业,然后我拖到下面来吧,我们在一起改成居中。然后我们需要做一件事情,我们首先把这个录取通知书,把他的坐标我改一下,把他的XY坐标改成00,因为他的坐标点是他的左上角的坐标,为他的坐标,所以如果是00的话,他会紧贴着左上角,所以他会来到这一个位置,然后我们要把记一下它的宽高多少,然后把画布的宽高改一下,这里记得因为他原本是一个百分比来的,所以这里是一个百分比符号,然后我们写上XXp x回车,然后另外一边同样是XXpx回车。这个作用是让画布跟这张图片一样大,我们等一下需要用到一个效果,就必须要保证画布跟图片一样大才可以正常的把它保存成为一张新的图片,然后我们在画布里面选中画布,然后再添加一些新的内容,那就是中文字体,然后这里写姓名,你可以在属性栏当中调整他的大小,还有字体,还有字体颜色等
有了这么一个内容之后呢,我们下面就要给大家一个按钮,这个按钮就是一般来说是这样的,你会用一张图片,然后这张图片呢,就是你所事先做好的一个按钮的图片,有了这么一张图片了之后,你才会这一个图片,上面盖一个透明内容,对一般的做法是这样的。有了这么一个按钮之后,通常那个他比方说是提交或确定那个文字,是你事先做出来的那个按钮的图片上面去的,然后我们需要给他做一个逻辑,这逻辑就是在我点击这一按钮了之后,我要把它输入的姓名好,他输入的专业传到一张图片上面去,对吧,这个应该没有问题。
那在做这个之前呢,我们首先来了解一下我们最终需要让用户做的事情,是把这张图片包括上面的这一个姓名和这里的专业,这里所有的内容打印成一张新的图片,要把它转变成为一张新的图片,然后这样被长按保存下来存在这手机当中,然后再把它转发给其他人看或者转发到朋友圈。为了实现这么一个特殊的功能呢,我们必须用到一个特殊工具,那叫做画布。
画布在工具栏的下方,这里有一个像是画家的画板形状一样的东西,长按悬停鼠标的上面就可以看到画布,然后点击一下现在画面整一个变白了,我们不用慌张,把这个录取通知书拖到画布底下去。
然后我们需要做一件事情,我们首先把这个录取通知书,把他的坐标我改一下,把他的XY坐标改成00,因为他的坐标点是他的左上角的坐标,为他的坐标,所以如果是00的话,他会紧贴着左上角,所以他会来到这一个位置,然后我们要把记一下它的宽高多少,然后把画布的宽高改一下,这里记得因为他原本是一个百分比来的,所以这里是一个百分比符号,然后我们写上XXp x回车,然后另外一边同样是XXpx回车。
这个作用是让画布跟这张图片一样大,我们等一下需要用到一个效果,就必须要保证画布跟图片一样大才可以正常的把它保存成为一张新的图片,然后我们在画布里面选中画布,然后再添加一些新的内容,那就是中文字体,然后这里写姓名,你可以在属性栏当中调整他的大小,还有字体,还有字体颜色等等,来让他更加符合这里的效果。
比方说,在这里放一个姓名。然后复制粘贴一下拖动过来,把他变长一点变长一点之后,把它的内容改一下,改成是专业,然后我拖到下面来吧,我们在一起改成居中。
这里事先写下的内容也就是姓名和专业,是主要为了我们自己区,分为了我们自己看的方便而存在的,有了这个内容之后呢,我们下面就来做刚才的事情,我们需要做的是当我们在ih5当中所有的交互逻辑都是由事件来完成的,我们需要是确定首先这一个事件,他的发起的出发对象是谁?那就是谁决定了这事件要不要发生?
下一次决定了这个事情要发生的是这个按钮,因为这个按钮被点击的时候,它会发生一个事情,所以我们给他增加一个右边的事件,然后把条件选择为点击,然后下面就是对象和动作,他指的是当我点击了这一个按钮的时候,谁会发生什么事情?我们这里发生的事情是什么呢?那就是我们需要让这里的姓名和专业变成是我们这里所写下的内容是吧。
所以我们会选择一下第二页里面的姓名,方式简单,点击一下这个箭头,然后是对象数里面选一下,然后对他做一件事情叫做复制,然后值呢就是再选一下这里的输入框一他的内容,这样的话,就是把我们这里输入的内容转到姓名这里来。然后让我们再来看一下其他的。然后我们再点一下这一个加号再增加新的一个动作,新的一个动作的话,跟刚才是一样的原理,复制,然后给他一个指示,输入框二的内容。所以点了这两个之后呢,其实我们就已经可以把输入框的内容转到这边来了,我们下一步时就可以测试一下,然后进行一下预览。
更多自媒体相关知识学习:
领取方法:老粉丝们都知道的老规矩1.请同学们关注我,谢谢啦!2.评论文章,没字数要求。再私信我:教程 这个词只私信教程这两个字,不要私信多余的内容 觉得不错请给个赞哦