关于canvans画图的一个问题，求给个思路

jianzao5841 2018-07-24 08:40:45

现在的需求是这样，需要将一个图片移动并画线，移动我通过改变.drawImage()找个函数里面初始X,Y随着鼠标移动可以移动，并且也能画线，怎么样确定移动后画笔的起点，因为我发现如果画笔画了，直线会偏移很多，还有怎么样让画的线随着图片放大而放大。谢谢了

...全文

259 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

在 JavaScript 代码中，获取 Canvas 对象，并调用其 getContext() 方法获取一个渲染上下文对象。 ARX在线CAD画图，在鼠标按下事件和移动事件中，监听鼠标的位置，并使用 Canvas 上下文对象绘制直线。具体来说，可以...

常用的ECharts图表库就是基于Canvas绘图技术实现的，例如：常用的饼图样式如下，通过查看浏览器控制台可发现，这些图表都是被绘制在一个叫做canvas的HTML标签内，于是，接下来就尝试利用canvas+JavaScript进行绘图...

使用canvas进行画图在分辨率高的设备上会出现模糊现象，解决这种问题的思路是: 首先讲画布的大小进行按照设备进行放大devicePixelRatio属性进行相应的调整，设个属性是表示浏览器通常会使用几个像素点进行渲染我们...

先划一个圆形和一个角度为60度的扇形(圆心100,100，半径100)，当然度数自己可以改，我为了简单先用60代替，下面代码中也是已60度为基础的。 1.实例化canvas var canvas=document.getElementByI...

这里有一个问题就是canvas绘制文字的速度比绘制图片的速度快很多，一个for循环之后，for循环中的文字绘制已经执行完了但是，for循环中的图片还没有绘制好，就已经执行了for循环外面的context.draw()方法绘制...

51,411

社区成员

86,028

社区内容

发帖

与我相关

我的任务

javaspring bootspring cloud 技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章