徐小夕 徐小夕
2年前
canvas图像识取技术以及智能化思考
笔者最近一直在研究前端可视化和搭建化的技术,最近也遇到一个非常有意思的课题,就是基于设计稿自动提取图片信息,来智能化出码.当然本文并不会介绍很多晦涩难懂的技术概念,我会从几个实际应用场景出发,介绍如何通过canvas图像识取技术来实现一些有意思的功能.最后会总结一些对智能化的思考以及对低代码方向的规划,希望能对各位有所启发.canv
Stella981 Stella981
2年前
HTML5中canvas知识点详解4
一.变换的三种方式1.平移:translate(25,25);2.扩大缩小:scale(0.9,0.9);//注意:在一个循环的操作中,倍数是可以累加的,还有border也是可以放大缩小的。3.旋转:rotate(Math.PI/10);二.实例操作<!DOCTYPEhtmlPUBLIC"/
Stella981 Stella981
2年前
Hexo Next背景动画Canvas_nest:true设置无效
描述在设置canvas\_next:true时本会有一个好看的动画效果,但是没有反应思路应该是缺少对应js文件解决打开博客按F12,点击网络刷新网站,发现缺少canvasnest.min.js包请求位置在source/lib下,需要将对应包下载到该文件夹下Step1命令行进入next文件夹
Stella981 Stella981
2年前
ECharts2.0
简介ECharts,缩写来自EnterpriseCharts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender(https://www.oschina.n
Wesley13 Wesley13
2年前
GoJS如何制作影像
GoJS(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.evget.com%2Fproduct%2F3108)是一款功能强大,快速且轻量级的流程图控件,可帮助你在JavaScript和HTML5Canvas程序中创建流程图,且极大地简化您的JavaScript/Canv
Stella981 Stella981
2年前
HT for Web基于HTML5的图像操作(三)
上篇(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.hightopo.com%2Fblog%2F258.html)采用了HTML5的Canvas的globalCompositeOperation属性达到了染色效果,其实CSS也提供了一些常规图像变化的设置参数,关于CSS的过滤器F
Stella981 Stella981
2年前
GoJS用于HTML图表的JavaScript库
GoJS(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.evget.com%2Fproduct%2F3108)是一款功能强大,快速且轻量级的流程图控件,可帮助你在JavaScript和HTML5Canvas程序中创建流程图,且极大地简化您的JavaScript/Canv
Stella981 Stella981
2年前
AudioContext技术和音乐可视化(2)
Intro转载请注明来源,可以在测试博客(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fthzxj.club)查看完成效果。本篇讲述如何绘制动态的星空,其实关联到频域数据已经没什么悬念了。一、使用Canvas绘图1.1位
Stella981 Stella981
2年前
Javascript权威指南——第一章Javascript概述
示例:javascript贷款计算器  相关技术:    1、如何在文档中查找元素;    2、如何通过表单input元素来获取用户的输入数据;    3、如何通过文档元素来设置HTML内容;    4、如何将数据存储在浏览器中;    5、如何使用脚本发起HTTP请求;    6、如何利用<canvas元素绘图。!(h
Stella981 Stella981
2年前
Canvas2D实现对图片进行网格变换
最近一直在补线代的理论,边学边用代码实现里面的知识点。但是学习知识的目的总归是为了运用到工作和生活中去,为了不让这个过程太枯燥,试着利用目前复习的线代基础知识,做一个小demo。思考良久,决定实现一下Spine、live2D、龙骨这些工具的网格变换功能。开干!效果图如下:!(https://oscimg.oschina.net/oscnet/up