canvas教程

React + Canvas 像素风格取色器(2)

字号+ 作者:H5之家 来源:H5之家 2017-12-15 16:04 我要评论( )

我们通过 getImageData 获得具体的像素点的数据,不过还需要转换一下才能变成可用的数据。 getColor = () = { const { centerX, centerY } = this.centerPoint const { data } = this.imageCtx.getImageData(center

我们通过 getImageData 获得具体的像素点的数据,不过还需要转换一下才能变成可用的数据。

getColor = () => { const { centerX, centerY } = this.centerPoint const { data } = this.imageCtx.getImageData(centerX, centerY, 1, 1) const color = transform2rgba(data) } const transform2rgba = (arr) => { arr[3] = parseFloat(arr[3] / 255) return `rgba(${arr.join(', ')})` }

稀土掘金

稿源:稀土掘金 (源链) | 关于稀土掘金 | 阅读提示
本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。


CanvasReact

Using the image to perform an action instead of the button in the iPhone application Issues #28 Dec 11, 2017

相关推荐

  • react 入门-JSX


    react 入门-JSX
  • JS 开发者:最喜欢 React,Vue.js 比 Angular 值得尝试


    JS 开发者:最喜欢 React,Vue.js 比 Angular 值得尝试
  • JS 开发者:最喜欢 React,Vue.js 比 Angular 值得尝试


    JS 开发者:最喜欢 React,Vue.js 比 Angular 值得尝试
  • React Newsletter – Issue 97 – Dec 14th 2017


    React Newsletter – Issue 97 – Dec 14th 2017
  • Angular, React or Vue – Which Web Framework to Focus on for SPFx?


    Angular, React or Vue – Which Web Framework to Focus on for SPFx?
  • Manipulating HTML5 Canvas Using Konva: Part 4, Styling


    Manipulating HTML5 Canvas Using Konva: Part 4, Styling
  • Manipulating HTML5 Canvas Using Konva: Part 4, Styling


    Manipulating HTML5 Canvas Using Konva: Part 4, Styling
  • Manipulating HTML5 Canvas Using Konva: Part 4, Styling


    Manipulating HTML5 Canvas Using Konva: Part 4, Styling
  •  

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • kaqima.com-a罩杯聚拢-open canvas

      kaqima.com-a罩杯聚拢-open canvas

      2017-12-15 18:00

    • 高德地图和canvas画图结合应用的一些感想(一),高德canvas

      高德地图和canvas画图结合应用的一些感想(一),高德canvas

      2017-12-15 15:03

    • JS+canvas画一个圆锥实例代码

      JS+canvas画一个圆锥实例代码

      2017-12-15 09:42

    • html5使用Canvas绘图的使用方法

      html5使用Canvas绘图的使用方法

      2017-12-14 18:09

    网友点评
    i