千锋教育-做有情怀、有良心、有品质的职业教育机构

加关注领取全套视频

关注千锋学习站小程序
随时随地免费学习课程

北京(总部)

A - N

北京｜大连｜广州｜成都｜杭州｜长沙｜哈尔滨｜合肥｜贵阳｜南京｜济南

O - Z

上海｜深圳｜武汉｜郑州｜西安｜青岛｜重庆｜太原｜沈阳｜南昌

400-811-9990

首页 品质课程 教研师资 校企服务 技术干货行业资讯职场就业面试题问答库 关于千锋

当前位置：首页 > IT面试题 > html5面试题 > 正文

场景题：绘制曲线

来源：千锋教育

发布时间：2022-09-26 13:42:00

分享

　　题目内容：

　　场景：创建简易的绘图工具，实现控制画布上的四个锚点的拖拽修改已经绘制的曲线图，通过注释实时显示锚点的具体实时坐标，并通过反色清楚的显示控制点的位置要求：

　　1. 创建一个512*512的canvas画布

　　2. 在该画布上任意创建四个锚点，使用贝塞尔曲线进行连接

　　3. 可在画布上自由拖拽上面的锚点，从而实现贝塞尔曲线的联动，每个点都有一个跟随点移动的注释(文字+箭头)，说明该点的坐标

　　4.在此基础上，实现一个黑白渐变色的背景，然后在锚点周围20个像素内，将锚点所处的背景作反色，突出锚点的显示

声明：本站稿件版权均属千锋教育所有，未经许可不得擅自转载。

上一篇

简单谈谈微信小程序

下一篇

echarts是什么，怎么用

学习资源站

免费全套视频教程
企业实战项目源码
大厂笔试真题题库
行业前瞻发展趋势

千锋动态

更多 >

千锋教育喜获学科网“2023年度新锐突破奖”，展现卓越课程实力千锋教育重磅发布鸿蒙生态应用开发学习路线图千锋教育HarmonyOS极速入门训练营圆满结营！关于举办2024年技术赋能教学—全国高校“双师型”IT骨干教师寒假高级研修班的通知 “我的青春在千锋——2023“千锋杯”短视频大赛“获奖名单公布千锋正式成立鸿蒙生态教研院，强力助推学员就业！千锋郑州分校2023年冬季IT专场招聘会高效促就业！千锋教育2023冬季招聘会安排官宣 | 千锋教育重磅推出鸿蒙生态开发就业班千锋教育杭州校区助推职业教育发展,许然校长寄语未来

最新问答资讯

更多 >

unity用什么编程语言?unity学习难度大吗 python容易学吗?学好python有什么好处? html是什么语言?html学习难吗? c语言难学吗?c语言学好要多久? ui设计主要学什么内容?自学ui设计难度大吗? 学好平面设计要多久?报速成班靠谱吗? 抖音小店怎么直播带货?从哪儿学靠谱? 抖音如何隐藏关注的人?抖音小店怎么运营? 前端技术有哪些? 计算机前端和后端区别，到底该学哪一个?

相关推荐

小程序怎么获取手机号准备一个button组件, 将button组件open-type的值设置为getPhoneNumber，当用户点击并同意之后，可以通过 bindgetphonenumber事件回调获取到动态令牌code; Page({ getPhoneNumber (e) { console.log(e.detail.code) } }) 接着把code传到开发者后台，并在开发者后台调用微信后台提供的phonenumber.getPhoneNumber接口

小程序的兼容问题有哪些 - 1，ios下的zIndex层级问题，主要发生在iphone7和iphoneX下绝对定位必须有一个共同的父元素。　- 2，左右边框不生效，当边框的宽度设置为奇数的时候，可能会不生效。解决方法：将宽度设置为偶数的时候，在ios下就可以解决

小程序嵌入H5页面怎么做 - 解决方式：web-view webview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。　- 具体实现步骤:　- 登陆小程序管理后台, 配置服务器域名( h5页面所在的域名 )　- 在小程序里面嵌入h5

如果小程序版本更新了怎么通知用户当小程序发布新的版本后，用户如果之前访问过该小程序，通过已打开的小程序进入(未手动删除)，则会弹出提示，提醒用户更新新的版本。用户点击确定就可以自动重启更新，点击取消则关闭弹窗，不再更新. 核心步骤

小程序生命周期 onReady生命周期函数　--监听页面初次渲染完成onShow生命周期函数　--监听页面显示onHide生命周期函数　--监听页面隐藏onUnload生命周期函数　--监听页面卸载onPullDownRefresh页面相关事件处理函数

echarts是什么，怎么用 echarts是一个基于JavaScript的开源可视化图表库，可以流畅的运行在PC和移动设备上，兼容绝大部分的浏览器(IE9/10/11，Chrome，Firefox，Safari等)，底层依赖矢量图形库ZRender，提供20 多种图表和十几种组件，支持Canvas、SVG双引擎并能一键切换，让移动端渲染更加流畅echarts源自百度

- 千锋学习资源站 -

免费全套视频教程大厂笔试真题题库企业实战项目源码行业前瞻发展趋势

Hello ~

限时学习福利
一键扫码领取

申请线下免费试学

提交领取