```c++ #include #include using namespace cv; using namespace std; int main(int argc, char** argv) { Mat canvas = Mat::zeros(Size(512, 512), CV_8UC3); ... ...
分类：
其他好文 时间：
2020-01-31 00:54:43
阅读次数：
78
Canvas面板允许使用精确的坐标放置元素，如果设置数据驱动的富窗体和标准对话框，这并非好的选择；但如果需要构建其他一些不同的内容（例如，为图形工具创建创建绘图表面），Canvas面板可能是个有用的工具。Canvas面板还是最轻量级的布局容器。这是因为Canvas面板没有包含任何复杂的布局逻辑，用以 ...
这篇文章衔接上篇，主要罗列一些前端面试中可能问到的html中最基本的问题。 (格式有点乱，内容有点水，罗列了一些基本用法，大家随便看看) 常用标签 容器标签 div div标签本身无特殊意义，作为一个块级容器，主要用于组合其他html元素常用于页面的布局。 span span标签与div标签类似，本 ...
分类：
Web程序 时间：
2020-01-20 22:52:26
阅读次数：
118
今天在项目中遇到一个需求是将生成的二维码和一些背景作为海报，然后将海报以图片的形式下载 使用了 html2canvas 插件 import html2canvas from "html2canvas"; <div class="tc" v-for="(item,index) in qrcodeLis ...
分类：
Web程序 时间：
2020-01-20 22:29:23
阅读次数：
113
文章首发于个人博客：http://heavenru.com 在最近项目中需要实现一个精灵动画，素材方只提供了一个短视频素材，所以在实现精灵动画之前先介绍两个工具来帮助我们更好的实现需求。在这篇文章中，主要是介绍两个命令行工具来实现将一个短视频文件转化成一张 sprite 图片与如何使用 canvas ...
分类：
其他好文 时间：
2020-01-20 14:46:45
阅读次数：
95
按钮（button）可能是网页中最常见的组件之一了，大部分都平淡无奇，如果你碰到的是一个这样的按钮，会不会忍不住多点几次呢 通常这类效果第一反应可能就是借助canvas了，比如下面这个案例点击预览（建议去codepen原链接点击预览访问，segmentfault内置的预览js会加载失败） 效果就更加 ...
分类：
其他好文 时间：
2020-01-20 12:55:39
阅读次数：
74
最近试着用canvas元素的2d绘图函数做了一个弧线形的时钟。 直接上代码： createClock("#myclock",0,0.5); function createClock(selector,n,p_r){ var weeks =["Sun","Mon","Tue","Wed","Thu", ...
分类：
其他好文 时间：
2020-01-19 22:15:52
阅读次数：
105
语义化标签 input的新属性值 表单的验证 json的新方法 自定义属性 拖放 canvas 地理位置的获取 离线存储 本地存储 audio video 语义化标签 使用最多的id->当前的语义化标签页面整体架构header标签 页面头部或者板块的头部footer标签 页面底部或者板块的底部nav ...
分类：
Web程序 时间：
2020-01-18 19:34:33
阅读次数：
122
上周需要做一个把页面左侧列表内容拖拽到右侧区域，并且绘制成关系树的功能。看了设计图，第一反应是用canvas绘制关系线。吭哧吭哧搞定这个功能后，发现用canvas绘图，有一个很严重的缺陷。那就是如果左侧关系特别多，需要绘制成百上千条时，而canvas画布的宽高在写dom的时候就已声明。关系很多的情况 ...
分类：
其他好文 时间：
2020-01-18 12:44:40
阅读次数：
258
本次技术调研来源于H5项目中的一个重要功能需求：实现微信长按网页保存为截图。 这里有个栗子（请用微信打开，长按图片即可保存）：3分钟探索你的知识边界 将整个网页保存为图片是一个十分有趣的功能，常见于H5活动页的结尾页分享。以下则是项目中调研和踩坑的一些小结和汇总。 一、实现HTML网页保存为图片 1 ...
分类：
Web程序 时间：
2020-01-18 00:50:25
阅读次数：
108
