![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
ChorKiu
已工作一年左右
展开
-
#前端学习之canvas—canvas练习(1)离奇事件:在正方形的画布里面绘制圆形显示的是椭圆形
根据Html5的canvas的例子如下由于如此,于是我写出一下的代码经过查看才知道,canvas画布的尺寸的大小和显示的大小是有很大的区别的。在canvas里面设置的是才是canvas本身的大小。前端渣渣一枚,看了很多大神的博客,参考文章,可能自己半懂不懂的,可是只要你反推想一想,就知道canvas里面设置的其实不是style的样式,如下图所示比较容易理解,下面三种写法,最有对比性就是第二个和第三...原创 2018-07-13 00:07:33 · 1156 阅读 · 0 评论 -
canvas实现5张图片合成一张图片
具体要实现的效果类似下面这张图片,主题流程大概是,页面上有类似这样布局的结构,点击中间那个紫色的按钮就会生成一张这样的图片,并且能够让用户下载图片的1、首先我们布局页面的时候用的都是图片来布局成这个样子[CSS自己脑补],class为pho-bg这一段是页面开始显示的结构,几张图片定位,按钮在中间的样子。class为photo的就是用来到时候放置生成的图片。canvas就是画布。至于下面的...原创 2018-08-20 10:46:39 · 12862 阅读 · 0 评论